Welcher IE6 Bug ist das? UL-Float bei LI mit "height"

martinpet · #1 (**permalink**) 19.08.2009, 16:42

Ein herzliches Hallo erstmal an alle, bin ganz frisch angemeldet hier.

Ich auf der Suche, nach dem entsprechenden IE6-Bug der sich ergibt, wenn man zwei gefloatete <ul> in einem <div> sitzen hat und den <li> der ersten Liste ein "height" setzt.

Ich habe ein kleines Beispiel:

HTML-Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Dokumenttitel</title>
<style type="text/css">

body, div, p, ul, li { padding:0; margin:0; }

#wrapper {
	width:500px;
	background-color:#999;
}

#left {
	float:left;
	background-color:#0CF;
	padding:5px;
	}

	#left li { 
		height:15px;
	}

#right {
	float:left;
	background-color:#3C6;
	padding:5px;
	margin:0;
	}

</style>
</head>

<body>

<div id="wrapper" class="clearfix">
    <ul id="left">
        <li>Leftbox</li>
        <li>Leftbox </li>
        <li>Leftbox </li>
        <li>Leftbox</li>
        <li>Leftbox </li>
    </ul>
    <ul id="right">
        <li>rightbox </li>
        <li>rightbox </li>
        <li>rightbox </li>
        <li>rightbox </li>
    </ul>
      <div style="clear:both"></div>
</div>
</body>
</html>

Das Float wird im IE6 aufgelöst und die Listen stehen untereinander. Einfach mal vergleichen was passiert wenn man das "height" rausnimmt.

Nun ist mir durchaus klar wie fehlerhaft der IE6 ist, ich möchte lediglich wissen, wo dieser Bug bereits beschrieben wurde.

Grüße

heiko_rs · #2 (**permalink**) 19.08.2009, 17:28

Über hasLayout - das Konzept des hasLayout im IE/Win | Deutsche Übersetzung

martinpet · #3 (**permalink**) 19.08.2009, 18:45

Hallo Heiko,

was das "Layout haben" im IE angeht:

Bisher konnte ich entsprechende Interpretationsfehler des IE mit dem Geben von Layout (hier mittels "height") *beheben*.

In diesem Falle löst das Geben von Layout das Problem aber aus.

Falls es tatsächlich einen Bereich in dieser fast 6.000 Worte umfassenden Abhandlung geben sollte, in dem diese explizite Eigenart beschrieben wird, so war ich ausser Stande sie aufzufinden.

Möglicherweise findet sich doch noch jemand, der das Verhalten in diesem Fall "erklären" kann, auch wenn das bei den Eigenarten des IE6 unter Umständen sehr schwierig werden kann?

Grüße

fricca · #4 (**permalink**) 19.08.2009, 18:57

Zitat:

Zitat von martinpet

Falls es tatsächlich einen Bereich in dieser fast 6.000 Worte umfassenden Abhandlung geben sollte, in dem diese explizite Eigenart beschrieben wird, so war ich ausser Stande sie aufzufinden.

Hier: Über hasLayout: shrink-wrapping
Das durch height ausgelöste haslayout erweitert die li-Elemente auf die volle Breite.

heiko_rs · #5 (**permalink**) 20.08.2009, 00:14

@martinpet: Bedenke unabhängig davon, dass height eh keine gute Idee ist, wenn Deine li Text enthalten (denn zoomt man diesen, läuft alles über). Das ist ein Fehler, der häufig gemacht wird, und gleichzeitig eh völlig überflüssig ist, da sämtliche Elemente eh immer die Höhe haben, die ihr Inhalt erfordert (d.h. man muss ihnen das nicht explizit "sagen", indem man height deklariert).

martinpet · #6 (**permalink**) 20.08.2009, 10:21

Hi Heiko,

sehe ich auch so. Ich selbst setze "height" odere andere Attribute nach Möglichkeit nur sinnvoll ein. Die von mir anfangs beschriebene Eigenart fiel mir bei einem CSS auf, dass nicht von mir stammte und so habe ich es - wie es so meine Art ist, den Dingen auf den Grund zu gehen - rekonstruiert.

Danke und Grüße

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Float-Problem?	mischaef	CSS	33	20.10.2010 17:20
Design Float IE6 Problem	koknarr	CSS	10	05.09.2008 19:05
Kniffliges Float Problem mit IE6	simplex2k4	CSS	10	25.06.2008 16:27
Mozilla zeigt DIV zu oft an	cracki	CSS	6	09.03.2008 16:22
IE zeigt gewisse Texte nicht an	zitronenbaum	CSS	2	16.01.2008 16:25