Trennlinie in Mozilla

[Thorsten]

Hallo,

im Mozilla-Browser 1.2.1 wird die Trennline, die ich mit CSS formatiert habe, nicht richtig angezeigt.
Jedoch im IE 6 ist alles richtig.

Syntax: hr { color:#990000; }

Kann das der Mozilla nicht oder habe _ich_ was falsch gemacht?

Thx,
Thorsten

[Orlando]

Hi Thorsten,

im Mozilla-Browser 1.2.1 wird die Trennline, die ich mit CSS formatiert habe, nicht richtig angezeigt.

Doch.

Jedoch im IE 6 ist alles richtig.

Naja.

Syntax: hr { color:#990000; }

Kann das der Mozilla nicht oder habe _ich_ was falsch gemacht?

Mozilla und Opera bevorzugen hier background-color.

LG Roland

[Thorsten]

Hi Thorsten,

im Mozilla-Browser 1.2.1 wird die Trennline, die ich mit CSS formatiert habe, nicht richtig angezeigt.

Doch.

Jedoch im IE 6 ist alles richtig.

Naja.

Syntax: hr { color:#990000; }

Kann das der Mozilla nicht oder habe _ich_ was falsch gemacht?

Mozilla und Opera bevorzugen hier background-color.

Nein. Ich hab's mit background-color ausprobiert. Leider wird die Linie nicht rot.

LG Roland

Gruß,
Thorsten

[jürgen j.]

Hallo!

Du kannst sie alle haben! (opera, moz, ie)

hr { color:red; background:red; border:red; }

tschüs,
jürgen

[Kai Lahmann]

hi

hr { color:red; background:red; border:red; }

jenau, so isses am einfachsten...

Der Haken, weshalb dieses Chaos entsteht:
Für den IE ist eine <hr/> ein Zeichen, für andere Browser eine Box. Dadurch ergeben sich diverse Unterschiede..

sowas:
<hr style="border:3px solid red; background-color:blue; color:green;"/>
endet damit im IE als grüne Linie, in anderen als blaue mit rotem Rand. In Mozilla ist die Default-Höhe 2px (das sind dann 2 aufeinanderliegende Border), daher sieht man nischt von der background-color.

Grüße aus Bleckede

Kai

[csx]

Doch.

Naja.

Mozilla und Opera bevorzugen hier background-color.

Klasse Antwort! *LOL* Immer diese OSS-Trolle. Naja...

Also, soweit ich weis kann der Moz das nicht so richtig. Der malt da halt immer einen Rand drum... Vielleicht mittels

div.hr {
display:block;height:1px;margin:10px;padding:0px;background:#990000;
}

Habs zwar noch nie ausprobiert, aber das müßte ja den gleichen effekt haben...

cheers
csx

[Orlando]

Hi,

Doch.
Naja.
Mozilla und Opera bevorzugen hier background-color.

Klasse Antwort! *LOL* Immer diese OSS-Trolle. Naja...

[ ] Du weißt, was ein Troll ist.
[ ] Du weißt, was ein Elch ist.

;-)

Also, soweit ich weis kann der Moz das nicht so richtig. Der malt da halt immer einen Rand drum... Vielleicht mittels

div.hr {
display:block;height:1px;margin:10px;padding:0px;background:#990000;
}

Habs zwar noch nie ausprobiert, aber das müßte ja den gleichen effekt haben...

Obwohl es rein spekulativ auf den meisten Monitoren(!) so aussehen wird, ist das immer noch zu wenig, um aus einem <div> ein <hr> zu machen. Das funktioniert nämlich nicht.

http://selfhtml.teamone.de/html/allgemein/stil.htm#zweckentfremden

LG Roland

[Jan]

Hallo,

div.hr {
display:block;height:1px;margin:10px;padding:0px;background:#990000;
}

Habs zwar noch nie ausprobiert, aber das müßte ja den gleichen effekt haben...

nein, das div element kann nicht gleichzeitig ein hr element sein.
eventuell probierst du und natürlich thorsten es mal so:

hr { background-color:red; color:red; border:none;}

und es wird das gleiche optische ergebnis ereicht in mozilla und ie.

Gruss, Jan aus Dresden

[emu]

Hallo!

Syntax: hr { color:#990000; }

»Wenn man 'background-color:' setzt, versteht nicht nur der IE die Hintergrundfarben!«
Kai Lahmann, </archiv/2002/9/24583/#m135394>

emu