Hallo,
ich habe hier ein seltsamen Fall von IE-Eigenheit - vielleicht kennt ihr das schon und könnt mir da einen Hinweis zur Lösung geben.
Folgendes Szenario: Man nehme ein div#navi welches links gefloatet ist. Daneben ein div#inhalt welches keine feste Breite bekommt. Die Navi ist immer kürzer als der Content, der viel Text enthält. Nun findet man auf der Höhe, auf der das Nav-Div aufhört eine Ungleichmäßigkeit im rechten Text - die Zeilen sind da nicht mehr gleich ausgerichtet. Wenn man dem Content eine feste breite gibt, ist alles wunderbar linksbündig.
Zum Ausprobieren zu Hause habe ich hier schonmal was vorbereitet:
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<head>
<title>test</title>
<style type="text/css">
#navi {
float: left;
width: 150px;
}
#content {
width: 400px; /* hier mal ohne breite versuchen */
margin-left: 200px;
}
</style>
</head>
<body>
<div id="navi">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis ut est. Aenean sem arcu, ornare sit amet, faucibus ut, bibendum nec, dolor. Suspendisse tellus risus, rutrum sed, tristique vitae, accumsan eu, sem. Aenean</div>
<div id="content">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis ut est. Aenean sem arcu, ornare sit amet, faucibus ut, bibendum nec, dolor. Suspendisse tellus risus, rutrum sed, tristique vitae, accumsan eu, sem. Aenean imperdiet erat non metus. Vivamus turpis arcu, vestibulum eget, fringilla nec, placerat vitae, tortor. Nunc aliquam, massa sed hendrerit venenatis, velit justo pellentesque dui, nec vehicula felis turpis non dolor. Curabitur facilisis sapien sit amet justo. Vivamus feugiat pulvinar nulla. Pellentesque adipiscing, mi sed pellentesque ornare, neque ipsum mollis justo, sed consectetuer nibh sapien et diam. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nullam sed diam eget turpis varius facilisis. Nam massa nibh, aliquet in, nonummy sit amet, semper at, mi. Praesent semper, ipsum ac facilisis rhoncus, nisl ante tincidunt nunc, sed dignissim magna leo at ante. Suspendisse potenti. Maecenas eget lorem ut orci fringilla volutpat. Integer nulla.
Sed eu lacus. Integer risus. Nulla lacinia elementum tellus. Morbi ultrices, mi ac convallis porttitor, dui orci ornare odio, ac gravida arcu arcu sed odio. Integer aliquet dignissim libero. Fusce nec purus ac eros hendrerit placerat. Nulla non ipsum. Phasellus vel massa eget erat elementum volutpat. Donec at massa id dolor vestibulum laoreet. Proin mi odio, blandit in, faucibus sed, fringilla ac, tortor. Sed eget diam et lectus laoreet interdum. Aenean justo neque, euismod vel, molestie ut, gravida vel, wisi. Maecenas non lectus et elit adipiscing scelerisque. Morbi malesuada, mi vitae tempor fermentum, pede justo imperdiet massa, eget nonummy purus lorem at odio. Aenean auctor odio vel ante. Phasellus pretium mattis sapien.
Phasellus vehicula, arcu eu posuere facilisis, lectus tortor ultricies elit, ac consequat diam diam ac velit. Nulla sit amet magna. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Morbi bibendum nunc nec risus. Aenean eu dui. Aenean ac mauris. Nunc pharetra, diam in euismod aliquam, neque lorem aliquet enim, sed bibendum dolor metus a tortor. Maecenas eu nibh in mi venenatis tempus. Nunc aliquam consequat dui. Integer eget lorem. Quisque ultricies.
In sit amet ligula in lorem dictum ullamcorper. Cras lobortis risus ut ipsum. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Curabitur porttitor massa vitae diam. Nam ut magna id massa posuere tincidunt. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Etiam tellus est, pellentesque sed, condimentum vitae, lacinia eget, pede. Fusce imperdiet nunc ut augue. Nam erat. Nunc non orci nec mauris imperdiet elementum.
<div>
</body>
</html>
Einfach mal mit und mal ohne Breitenangabe angucken.
Und ja, ich weiß dass sich das umgehen lässt, wenn ich beide Divs floate. Umgehen ist aber hier nicht gefragt...
Also, weiß jemand was es damit auf sich hat oder ob ich einfach nur was falsch mache?
Danke.
