Darstellungsfehler

[blabla33]

Hallo!

Ich habe die obere Navigationsleiste (http://goo.gl/oEcrc) mit runden Ecken versehen.
Dazu habe ich zwei Fragen:

1. Wie kann ich diese auch im IE korrekt, also mit runden Ecken, darstellen?
2. Woher kommt am linken Rand der weiße Strich bzw. die weiße Linie? Die stört natürlich.

Bin für jeden Hinweis dankbar!

 

[Elroy]

Hallo.

Der IE9 stell die runden Ecken korrekt dar. Für alle anderen IE Modelle mit Grafiken arbeiten oder auf die runden Ecken verzichten.

Ich kann keinen weißen Strich am linken Rand erkennen.

Gruss
Elroy

 

[Anusha]

Um groesser Kompatibilitaet zu haben kannst du folgendes verwenden:

border-radius:10px; / CSS3 
-moz-border-radius:10px; / Firefox /
-webkit-border-radius:10px; / Safari and chrome / 
-khtml-border-radius:10px; / Linux browsers /
-o-border-radius: 10px;  /Einige Opera Versionen
behavior: url("border-radius.htc");

Fuer aeltere IE kannst du probieren, ne .htc Datei zu verwenden. (siehe behaviour)

Siehe auch diesen Link,

curved-corner - CSS curved corner - Google Project Hosting

Ich persoenlich versorg aber aeltere Browser (falls nicht explizit vom Auftraggeber gewuenscht) nicht mehr mit runden Ecken,
falls die das nicht unterstuetzen...

 

[threadi]

Ich verwende für runde Ecken im IE die PIE.htc-Datei (findet man schnell per Suche). Funktioniert sehr zuverlässig, sogar im IE6.