[Islander]

Halli hallo.

Ich habe da ein kleines Problem, keine Ahnung ob es an mir liegt, an den Browsern oder am CSS. Zwei Elemente, folgendermassen:

	<span class="content_left">
	Menüs
	</span>
	<span class="content_right">
	Inhalt
	</span>

Und der dazugehörige CSS-Code:

.content_left {
 width: 160px;
}
.content_right {
 width: 700px;
}

So, sämtlichen Browsern geht diese Breite am Ar*** vorbei, wie kann ich das lösen? Weiss das jemand?

Übrigens ist der Editor dieses Forums im Eimer, wenn ich auf Vorschau klicke macht er mir den Code kaputt mit lauter <BR>s...

Dieser Beitrag wurde von Islander bearbeitet: 30. Oktober 2007 - 13:31

[Diewie]

Hi,

span ist ein nichtersetzendes inline-Element und ignoriert somit Breiten- und Höhenangaben. Das einzige was du machen kannst, ist es mit display: block; in ein block-Element zu verwandeln. Dann jedoch musst du z.B. dem content_left noch float: left; geben und den content_right richtig platzieren.

Also in etwa so:

.content_left {
	width: 160px;
	display: block;
	float: left;
}

.content_right {
	width: 700px;
	display: block;
	margin-left: 160px;
}

Warum verwendest du nicht direkt divs?

Gruß,
Stefan