Mark: Umfassendes <div>

Hallo,

ich moechte mit CSS eine Art Fortschrittsbalken erstellen, der seine Daten ueber PHP erhaelt. Der Code sieht Bisher so aus:

<div style="width: 90%; border: solid 1px black; margin: 0 auto;">

<div style="background-color: navy; width:4.4%; color:white; float:left;">4.4%
<br>14 Tage</div>

<div style="width:95.6%; margin-left:4.4%;">304 Tage</div>

</div>

Das Umfassende <div>-Element jedoch ist nur eine Zeile hoch und umfasst nicht die gesamte linke Box sondern nur deren oberen Teil. Wieso? Irgendwie bin ich blind...

Mark

  1. hi,

    Das Umfassende <div>-Element jedoch ist nur eine Zeile hoch und umfasst nicht die gesamte linke Box sondern nur deren oberen Teil. Wieso?

    Weil du die linke Box mit float aus dem Fluss genommen hast.

    Lösung für dieses "Problem":
    Clearendes Element nach dem gefloateten einfügen, oder
    den Container selbst ebenfalls floaten lassen, oder
    den Container mit overflow:hidden formatieren.

    gruß,
    wahsaga

    --
    /voodoo.css:
    #GeorgeWBush { position:absolute; bottom:-6ft; }
    1. Hi,

      habe overflow:hidden genommen, vielen Dank!

      Mark