Bliv gratis medlem
|
Hej, jeg bøvler med CSS og med kolonnehøjder. Når 2 kolonner har forskellig højde i en div, fx "container", overlapper den kolonne med den største højde en div, der ligger længere nede, fx footeren. På figuren rager venstre kolonne udenfor containeren og overlapper footeren nedenunder. Det er specielt, når jeg udvikler sites med responsive design. Jeg har forsøgt med inline-block, men dette løser ikke problemet. Er der nogen her, der ved hvordan man får de 2 kolonner til at blive inden for containeren uanset højde?
|
<div id="sub-title">
<div id="sub-left"> sub-left </div>
<div id="sub-right"> sub-right </div>
</div>
Går ud fra det er din struktur?
Prøv at tilføj en ekstra
<div id="sub-title">
<div id="sub-left"> sub-left </div>
<div id="sub-right"> sub-right </div>
<div class="clear-both"></div>
</div>
#sub-left { float: left; }
#sub-right { float: right; }
.clear-both { clear: both; }
Opret bruger