[CSS] 2 divs zelfde lengte

[Intru]

Weer een vraagje om mn CSS/XHTML wat netter te krijgen.

Het komt er grofweg op neer dat ik 2 div's naast elkaar heb, en ik wil dat deze met elkaar meegroeien. Op het moment heb ik de ene div maar in de andere gegooid, omdat deze bijna altijd langer is. En de inhoud daarvan los gepositioned, wat opzich redelijk werkt. Alleen.. het staat me gewoon niet aan, want het zijn 2 losse dingen, het ene hoort niet in het andere thuis, mn XHTML wordt er dus minder op vind ik.

Is er iemand met een betere oplossing dan deze?

[zubauza]

als de twee divs een andere background(-color) hebben, kun je de langste div een border geven met de background van de kortste div en de andere een float meegeven

voorbeeld:

code:

<div style="border-right: 200px solid #ccc;">lange div</div>

<div style="float: right; width: 200px; background-color: #ccc;">korte div</div>

[faabman]

als het je alleen om een visueel effect gaat dan kun je wat met achtergrond van het onderliggende (meeschalende) element spelen... (zie ook faux colums op http://alistapart.com)

[JayVee]

Zoek een beetje rond op W&G. Ik had een tijdje gelezen precies hetzelfde. Zijn vast nog meer topics te vinden.

[ Voor 25% gewijzigd door JayVee op 21-07-2004 18:32 ]