![]() |
clear:both IE i FF
Znaci imam klasicno float-ovanje 2 diva.
Poslije toga da bih sve sredio imam Kôd:
<div style="height: 0; clear: both;"> </div> 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 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? |
font-size:1px;, verovatno.
Inace mnogo elegantnije ciscenje floatova se postize dodavanjem sledecih osobina "wrapper" elementu: Kôd:
overflow:hidden; Kôd:
width:100%; |
Jest, to je to .. hvala
|
Citat:
|
^ ne, stvarno, bilo koja od dimenzija, x ili y.
|
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. |
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. |
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 |
Pogledaj test page, radi i u ie5.5 kod mene.
|
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. |
nisam bas siguran o kom bagu pricate, ali ako se radi o extra 3px kod floata definitivno moze bilo koja dimenzija da se zada, i ne mora uopste da bude tacno 1%....samo obicno se koristi height:1% jer to u praxi nista ne promeni (a za sirinu od 1% bi se box razvukao na sirinu najvece reci, sto bas i nije sjajno...)
Znam da ste svi vec ovo citali, ali mozda ste prevideli ili zaboravili deo sa sirinom jer se ne koristi, dakle evo link gde pise crno na belo da moze bilo koja dimenzija: http://www.positioniseverything.net/...reepxtest.html , a Holly i John znaju znanje |
@ ivanhoe:
Prica se o najobicnijem clearovanju sa overflow osobinom na parentu. Ja nisam ni cuo za height:1%; da je neophodan, a kamoli da sam ga upotrebio nekad, ali opet, mozda gresim, ne znam. |
nista ja sam se onda nesto debelo istripovao dok sam citao... :D
|
Ma ok, svako ima svoje ustaljene nacine. Ali meni je logicnije da koristim visinu od sirine jer u 80% slucajeva nije potrebno zadati sirinu div-a.
U svakom slucaju barem smo pomenuli dva resenja koja rade. |
hehe, ziveli. :)
|
Vreme je GMT +2. Trenutno vreme je 09:10. |
Powered by vBulletin® Verzija 3.6.8
Copyright ©2000 - 2025, Jelsoft Enterprises Ltd.
Copyright © DevProTalk. All Rights Reserved.