Eigne <HR> mit Grafik nur nicht im IE?

[gaplex]

Hallo,
ich möchte gerne als horizontale Linine eine gepunktete Linie mit einer bestimmten Farbe verwenden. Das "border-style: dotted" nicht wirklich gepunketet ist weiß man ja. Also hab ich mir meine eigene Linie erstellt über ei 9px x 1px kleine Grafik die halt einen punkt (pixel) enthält und diese wiederhole ich horizontal.

CSS:

    hr {
    background-image: url(img/linie.png);
    background-repeat: repeat-x;
    border-style:none;
    height:9px;
    color:white;
}

Das funktioniert aber leider im IE nicht, der zeigt gar keine Linie an. Mache ich etwas falsch, oder gibt es generell dafür eine andere Lösung?
Im FF sieht es super aus! :-)

Gruß

 

[threadi]

Der IE (6er wie 7er) kann sowas imho nicht. Ich habe bei Microsoft in der FAQ irgendwann mal einen Beitrag darüber gefunden. Das Problem zu umschiffen und trotzdem <hr /> zu verwenden ist aber weitaus komplexer als wenn du das <hr /> einfach durch ein <div> ersetzt.

 

[prm]

Noch ne Möglichkeit, aber nicht getestet:
Weise hr mal noch einen width-Wert zu.

 

[gaplex]

Also mit einem width-wert erreiche ich leider auch nichts im IE. Keine anderen Lösungen?

 

[threadi]

Hast Du schonmal gesucht? Gibt viele Beiträge zu diesem leidigen Thema.

dhtmldev.com - CSS Style for HR with a Background Image
LANtastic’s Artikel » Das richtige Styling von <hr>