[PatrickS]

Hallo,

wenn ich in einem DIV Container beispielsweise oben einen roten Rand und rechts einen gruenen Rand angebe, wird der einzige Pixel oben rechts in der Ecke, der ja logisch zu beiden Raendern gehoert, mit einem Farbverlauf zwischen beiden Farben versehen. Das macht jedenfalls der FF so, der IE bricht hart um.

Gibts da eine schoenere Loesung fuer, wenn ich diesen "harten Uebergang" wie beim IE auch im FF haben moechte? Ich stelle mir vor, anstatt des rechten Randes einfach rechts noch einen 1px breiten DIV reinzuschieben, der die Randfarbe hat. Aber ist das wirklich so im Sinne des Erfinders?

Danke, Patrick

[EvT]

Wie die Browser den Überlagerungsbereich zweier aufeinandertreffender Rahmenlinien darstellen, ist browserübergreifend per purem CSS nicht beeinflussbar. Man kann zwar, so wie es dir durch den Kopf geht, über absolut positionierte 1px große Divs) versuchen diesen Effekt zu erreichen, aber extra nun vier Divs einzubauen, ist für meinen Geschmack too much.

Vielleicht ist es sinnvoller, wenn du das Erscheinen von Firefox 3.1 abwartest (dauert ja nicht mehr so lange). FF 3.1 hat die CSS-3-Eigenschaft border-image implementiert, die die Verwendung von Grafiken für die Gestaltung von Rahmenlinien erlaubt.

CSS 3:border-image Border-image: using images for your border