pozadina containera ne prati visinu u ff

[ FlashGrounder @ 17.03.2005. 02:17 ] @

pozdrav!

u divu container, smesteni su divovi sidebar(float left) i content (right), u ie se sa izduzavanjem sadrzaja bilo koje od ove dve kolone izduzuje i pozadina od containera, ali u ff je njegova duvisina samo par pixela, sigurno treba neki hack ili stagod?

[ Br@nkoR @ 17.03.2005. 07:06 ] @

Mogao si barem kod da postaviš, ali nema veze. Iz onoga što si napisao (objasnio) proizilazi jedna standardna greška koju svi prave i za koju svi traže pomoć, znači nije potreban nikakav hack, a mogao si da koristiš i pretragu jer je bilo dosta ovakvih problema. Dakle, potrebno je da ispod lajera sidebar i content a unutar lajera container postaviš jeo jedan prazan lajer koji će imati css osobinu clear: both;, znači:

Code:

<div id="container">
<div id="sidebar"><div>
<div id="content"><div>
<div style="clear: both;"></div>
</div>

ili:
html:

Code:

<div id="container">
<div id="sidebar"><div>
<div id="content"><div>
<div class="cleaner">div>
</div>

css:

Code:

.cleaner {
clear: both;
}

Pozdrav Br@nkoR.

[ noviKorisnik @ 17.03.2005. 07:26 ] @

Pa ovo upravo jeste hack, i to teški, jer se zbog layouta menja struktura dokumenta (dodavanje stupid diva).

[ Br@nkoR @ 17.03.2005. 08:45 ] @

Ups al' sam odvalio, na greškama se uči a za to je krivo i moje neiskustvo. A ja bio ubeđen da je ovo nije hack.
Hvala na ispravci i na objašnjenju.

Pozdrav.

[ FlashGrounder @ 17.03.2005. 10:42 ] @

hvala puno za hak

[ noviKorisnik @ 22.03.2005. 13:11 ] @

Naišao sam nedavno na finu alternativu, no nisam uspeo da nađem kada se pojavila ova tema. Sad sam slučajno nanovo naleteo na nešto takvo i hajde - ne treba onaj dodatni div, a za container se dodaju sledeće dve definicije

Code:
overflow: hidden;
width: 100%;

Više o tome na http://www.quirksmode.org/css/clearing.html