clear:both IE i FF

[misk0]

Znaci imam klasicno float-ovanje 2 diva.
Poslije toga da bih sve sredio imam

<div style="height: 0; clear: both;">&nbsp;</div>

Fino to radi, ali ima jedna razlika.
U IE na dnu, ispod ta 3 div-a (lijev, desni i ovaj clear) napravi razmak, nekih 12-15px u visini.
Skontao sam zasto ali ga ne mogu izbaciti.
Ukoliko umjesto &nbsp; stavim <!-- --> IE onda ne prikazuje taj razmak, medjutim onda FF ne cita taj <div> vec sjebe komplet parent div koji ugnjezdjuje sve to.
Ukoliko koristim font-size:0 u tom clear div-u isto se desava = IE dobro, FF sjebe..

Pomotj?

[Dragan Babić]

font-size:1px;, verovatno.

Inace mnogo elegantnije ciscenje floatova se postize dodavanjem sledecih osobina "wrapper" elementu:

overflow:hidden;

a IE i starije Opere zahtevaju i eksplicitno naznacenu i jednu od dimenzija, npr.

width:100%;

i nema glava da boli

[misk0]

Jest, to je to .. hvala

[jasmanac]

Originalno napisao Dragan

width:100%;

i nema glava da boli

Hoces reci height

[Dragan Babić]

^ ne, stvarno, bilo koja od dimenzija, x ili y.

[jasmanac]

Nisam bas siguran Kod explorera je potrebno staviti visinu na 1% a ne bilo koji od x ili y parametara. Probaj da umesto visine zadas sirinu pa ces videti da nece raditi.

Takodje, treba obratiti paznju na to da se u tom slucaju prikaz u IE 5.5 skriva zbog overflow-a pa je za tu verziju potrebno vratiti overflow na visible.

[Dragan Babić]

Clearujem na ovaj nacin od vajkada, nikada nisam imao problema. Nikada ne zadajem height, uvek idem na width, i u 99% slucajeva je to width:100%;. Za IE 5.5 ne mogu sa tolikom tacnoscu sada da tvrdim jer mi je pobenavio, ali ne verujem da ima problema. Potrebno je samo eksperimentisati sa auto i hidden.

Ako imas neki primer, daj pokazi, mozda gresim.

[jasmanac]

Ma imam milion primera na kojima sam radio, svaki dan iskodiram u proseku po dva template-a pomocu ove tehnike. Isto tako i ovo za ie5.5. Ne bih pisao da nije tako

Uostalom evo sta drugi kazu http://annevankesteren.nl/2005/03/clearing-floats

[Dragan Babić]

Pogledaj test page, radi i u ie5.5 kod mene.

[misk0]

Ovo 'height: 1%' treba ubaciti u jedan child element i onda ce IE da radi kako treba.
Danas sam se vec dosta namucio zbog toga.