Axel Richter: float:left und IE 5.5

Beitrag lesen

Hallo,

Wenn man float:left benutzt, dann verdoppelt der grundsätzlich den margin-left. Der Gecko machts richtig. Leider habe ich gerade keinen IE 6.x.

Könnte mir mal jemand sagen, ob er das da auch macht?

Der macht das auch. Gehört zu den bekannten Bugs. Dürfte allerdings nur für Angrenzung an die Canvas passieren.

Gibt es eigentlich noch kein bedingtes CSS? Da könnte man dann doch für jeden Browser einstellen, was er haben will...

Es gibt da "Würgarounds", die CSS-Selectoren einsetzen, welche der IE _noch_ nicht interpretiert. So etwa:

#box2
{
  position:relative;
  float:left;
  margin-top:25px;
  margin-left:10px;
  width:150px;
  height:auto;
}
/* Den nachfolgenden Selector kennt der IE bis Versin 6 _noch_ nicht http://www.w3.org/TR/CSS2/selector.html#child-selectors*/
#box1>#box2
{
  margin-left:20px;
}

Die Betonung liegt dabei auf _noch_. Das zeigt, wie wenig Zukunftssicher solche Geschichten sind. Wenn Du wissen willst, warum ich es aufgegeben habe, in HTML-Seiten solche CSS-Spielchen einzusetzen, dann schau Dir Deine Konstruktion mal spassenshalber im Opera6.x an ;-)).

viele Grüße

Axel