[html/css] div even hoog

[Saven]

Hallo Tweakers
Ten eerste even een afbeelding:


Ik heb twee div's die "floaten", eentje links en eentje rechts.
De rechterdiv geef ik een border-left mee zodat het mooi kolommen lijken.
Maar als de linkerdiv langer is dan de rechter, gaat de rechterdiv niet mee, hij wordt dus niet automatisch langer.

Zou iemand mij kunnen helpen?
code:

HTML:

<div class="content-in-top" style="border-top:0px;">
    <div style="float:left; font-size:11px;">{$result.titel}</div>
    <div style="float:right; font-size:11px; font-weight:normal; color:#999999;">Geplaatst op {$result.datum}</div>
</div>
<div class="content-in" style="padding:0px;">
    <div style="float:left; padding:5px;">{$result.group_prefix}{$result.username}{$result.group_suffix}<br />
    {$result.avatar}</div>
    <div style="float:right; width:590px; height:100%; border-left:1px solid #b7b7b7; padding: 5px;">{$result.bericht}</div>
</div>

Ik ben zelf een tijd bezig geweest dingen proberen zoals height:auto; enzo maar niks wilde werken.
Kan iemand mij aub helpen? Thnx

[Noork]

Hallo Saven,

Als je even de zoekfunctie gebruikt, dan merk je dat dit een bekende 'vraag' is op Got.

b.v.:
[css]faux columns layout???
div laten resizen naar de grote van andere div
[CSS] Div's uitlijnen tot gelijke hoogte
enz enz...

Met CSS kun je dit niet eenvoudig oplossen. Je kunt misschien gebruik maken van Faux columns. Of met Javascript knoeien: http://www.projectseven.c...ss/pvii_columns/index.htm

[ Voor 26% gewijzigd door Noork op 05-05-2008 14:59 ]

[Saven]

Ah sorry dan heb ik niet goed gezocht Bedankt, ik zal ff kijken

[BalusC]

Je kunt ook gewoon de linker div een border-right geven.