Teknik, hosting & e-handelsløsninger

Svar: CSS og kolonner, der overlapper

Anonymous — Mon, 23 Dec 2013 18:04:56 GMT

Det virker, hurra! Tak, Jonas, det var en enkel måde at forklare det på.

Tak til begge to for jeres forslag!

Svar: CSS og kolonner, der overlapper

keysersoze — Mon, 23 Dec 2013 16:37:53 GMT

Hvis du floater "højre" og "venstre" skal du benytte en form for clearfix - det kan fx være at sætte style overflow: hidden på din "container", den lidt ældre metode med en div nederst i din "container" med style clear: both;. Du kan evt også tage et kig på Bootstrap og få inspiration derfra.

Svar: CSS og kolonner, der overlapper

Jonas Olsen — Mon, 23 Dec 2013 16:37:00 GMT

<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-right"> sub-right </div>

</div>

#sub-left { float: left; }

#sub-right { float: right; }

.clear-both { clear: both; }

CSS og kolonner, der overlapper

Anonymous — Mon, 23 Dec 2013 16:23:17 GMT

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?