[CSS] Probleem met div

[Sequence]

Hoi mensen,

Ik ben bezig met m'n website maar het wil niet helemaal lukken met wat layout aanpassingen.

Zie het testbestand @ http://www.vergelijksimonly.nl/Hi/

Onderdeel hiervan is:

code:

    <div id="data">
        <div id="results">
            <div id="shoplogo"><img src="http://www.vergelijksimonly.nl/images/hi.jpg"></div>
            <div id="midden">
                <div class="description">75 minuten</div>
                <div id="shopnaam">bij Mobiel NL</div>
            </div>
            <div id="aboprijs">2,95</div>
        </div>
    </div>

In mijn CSS heb ik een en ander gedefinieerd: http://www.vergelijksimonly.nl/style.css

Waarom komt er niet gewoon netjes een lijntje rondom de hele div results ?

[Pkunk]

Sequence schreef op woensdag 08 augustus 2007 @ 23:33:
Waarom komt er niet gewoon netjes een lijntje rondom de hele div results ?

Omdat floats hun parent niet meerekken Makkelijkst is hem gewoon een hoogte te geven. Alleen rekt hij dan dus niet meer met de content.

[ Voor 16% gewijzigd door Pkunk op 09-08-2007 00:42 ]

[samo]

of een <div style="clear:both"></div> meegeven onder de content van de div, boven waar deze wordt afgesloten...

[crisp]

Je gooit alles in #results uit de flow; oplossing is #results een vorm van overflow (auto of hidden) te geven