srob: float:left-Problem

Beitrag lesen

Hallo Jürgen,

vielleicht gefällt Dir dies:

und ob!

#vll,#vlr,#ftx{ vertical-align:top;padding:10px;margin:0px; }
#vll{ float:left;width:100px;text-align:right;background-color:blue }
#vlr{ border-left:1px solid #666;margin-left:120px;background-color:orange }
#ftx{ clear:left;background-color:green }

Beachte, dass der DOCTYPE 'strict' angegeben ist, sonst macht IE6 einen Abstand zwischen vll und vlr (jedenfalls bei mir).

Unter XHTML 1.1 werden im IE6 durch das linke div die in gleicher Höhe liegenden Zeilen des rechten divs um zwei Pixel nach rechts verschoben. Wenn die reche Seite höher ist als die linke, wird ein kleiner Versatz erzeugt. Das Problem verschwindet, indem man die rechte Seite auch nach links floaten läßt:

#vll,#vlr,#ftx{ vertical-align:top;padding:10px;margin:0px; }
  #vll{ float:left;width:100px;text-align:right; }
  #vlr{ border-left:1px solid #666;margin-left:0px;float:left; }
  #ftx{ padding:0px;clear:left; }

Der Knackpunkt liegt in der Eigenschaft clear. Da dachte ich, wenigstens alltagstaugliche CSS-Grundkenntnisse zu besitzen - keinen blassen Schimmer habe ich! Wie kann man einen auch nur halbwegs kontrollierten Fluß im Dokument erzeugen, ohne clear zu kennen?

Das bringt mich wirklich voran und wird auch für einige andere Probleme, die noch in der Schublade liegen, einen neuen Ansatz liefern.

Vielen Dank!

Robert