[Lars]

Ich habe zwei DIVs, die per float: left; nebeneinander gesetz werden. In Mozilla und Opera funktioniert das auch tadellos, allerdings rutschen sie im IE untereinander, so als wäre der zweite zu groß.

#content
{
	width: 721px;
	background-image: url('./_images/content_bg.jpg');
	background-repeat: repeat-y;
	float: left;
	margin-left: 23px;
}

#sidebar
{
	width: 212px;
	background-image: url('./_images/sidebar_bg.jpg');
	background-repeat: repeat-y;
	float: left;
	margin-left: 23px;
}

Der übergeordnete DIV ist 1000px breit, also sind eigentlich, wie Mozilla und Opera zeigen, genug Reserven in der Breite vorhanden.

Jemand ne Idee?


// Edit:
http://lars.spacefish.biz/khazad-dun.de/design/ ist die URI

[CIX88]

#content_caption
{
margin-right: 45px;
margin-left: 45px;
}

Ohne jetzt selber probiert zu haben, vieleicht die Ursache.

[Lars]

Das Ding sollte eigentlich nichts damit zutun haben, es liegt doch im #content-DIV drin. Aber ich probiers mal flott :>


// Edit:
Das wars nicht.

[robo47]

lass dir doch mal die borders einblenden
denke im IE wirds durch margin und width zu breit, weil der IE das ja anders interpretiert und somit zu breit für eine zeile und bricht um

[Lars]

Hatte ich schon. Hat alles wunderbar gepasst.

[WarrenFaith]

ich würd alle margins definieren, denn beim IE klappen auch die backgrounds der divs nicht sauber, weil die scheinbar auch marginprobleme haben (sieht man bei dem sidebar oben, dort ist ne schwarze lücke)

[Lars]

Inwiefern alle Margins definieren?
Hab ich ja eigentlich per

* {
    margin: 0px;
    padding: 0px;
}

[Igi]

was passiert denn, wenn du das float:left; aus #sidebar wegtust?

[Lars]

Im IE sind die DIVs jetzt nebeneinander, wenn auch in der Höhe ein wenig versetzt, in Firefox und Opera allerdings untereinander. Ich denk, da werd ich wohl ne Browserweiche einbauen müssen.

alles gecleart?

http://www.css4you.de/clear.html

[Lars]

Jap, hab nach den beiden DIVs

<br class="clear" />

drin. In der clear-Klasse steht

clear: both;

drin.

Ich habs jetzt über eine CSS-Browserweiche gemacht.