MudGuard: css float und die auflösung in IE und Moz

Beitrag lesen

Hi,

<div style="border:1px solid black; width:100px; clear:both;">
  <div style="width:50px;height:50px; background-color:red; float:left;">
    foo
  </div>
  bar
</div>

der explorer und opera ziehen den umgebenden border mit auf, während mozilla und konqueror den rahmen lediglich bis zur unteren grenze des textes aufziehen. das sieht superblös aus sobald mal etwas weniger text zu sehen ist.

Tja, auch wenn es Dir nicht gefällt:

durch das float ist das innere div kein Bestandteil des äußeren mehr und darf daher dessen Höhe nicht beeinflussen.
IE macht das falsch, Opera auch.

um das nachzuvollziehen bitte mal die url im firefox und ie ansehen dann ist klar was ich meine.

Nicht nötig.

FRAGE: gibt es dafür eine lösung über css ... und welcher der browser verhält sch hier eigentlich standardkonform

Die Geckos und der Konqueror.

Füge am Ende des äußeren div noch ein Element ein, daß per clear dafür sorgt, daß es unterhalb des gefloateten Teils dargestellt werden muß, was dann zur Folge hat, daß der Rahmen großgezogen werden muß.

cu,
Andreas

--
Warum nennt sich Andreas hier MudGuard?
Schreinerei Waechter
Fachfragen per E-Mail halte ich für unverschämt und werde entsprechende E-Mails nicht beantworten. Für Fachfragen ist das Forum da.