CSS Trennlinie im IE?

digimassa · 05.10.2006, 10:40

Hallo, bin wieder einmal auf ein Problem gestoßen, dass ich nicht durchschaue: Möchte eine vertikale Linie in ein DIV Element einfügen, DIV und Linie sind CSS formatiert. FF zeigt das korrekt an, IE ignoriert die Linie überhaupt.

Ich verwende folgende CSS Beschreibung und füge dann im body einfach <hr> ein

Code:

#content{
	margin: 0px auto;
	width: 636px;
	height: 500px;
	align: center;
	background-color: #EFAD52;
	position: relative;
}
hr {
	width: auto;
	align: center;
	color: #891D2A;
	background-color: #891D2A;
	margin: 18px;
	height: 4px;
}

Hab mich schon die halbe Nacht gequält und komm nicht dahinter warum das nicht funktioniert. Hoffentlich hat eine mitleidige Seele eine sinnstiftende Idee.

Dank&Gruß

Martin

His.Master's.Voice · 05.10.2006, 11:26

Hi Martin,
wenn du für width auch eine Pixelanzahl anstatt auto angibst sollte es funktionieren! Auto mag er wohl nicht bei width.

Bsp. width:400px;

Wenn du die Breite nicht vorgeben willst, lasse width weg und füge margin-left: auto; und margin-right:auto; ein. Dann könnte man sich wohl auch align:center sparen.

Code:

hr {
	align:center;
	color: #891D2A;
	background-color: #891D2A;
	margin: 18px;
	margin-left:auto;
	margin-right:auto;
	height: 4px;

}

EDIT: Der FF setzt dir dann auch noch einen Rahmen darum, somit border:none; ergänzen. Dann sieht es auch im FF und IE gleich aus.
Somit:

Code:

hr {
	
	color: #891D2A;
	background-color: #891D2A;
        border:none;
	margin: 18px;
	margin-left:auto;
	margin-right:auto;
	height: 4px;

}

Boris · 05.10.2006, 11:50

align: center; gibts bei CSS nicht mal, das heißt margin: 0 auto bzw text-align: center (was aber nicht auf ein HR greift)

digimassa · 05.10.2006, 12:20

Besten Dank, werds gleich probieren
Gruß
Martin