CSS problem - "ispadajući" divovi

[slaven]

evo ovako, imam jedan div koji je držač i dva koja su unutra jedan lijevi i desni. CSS izgleda ovako:

#sredinaHolder{
width:790px;
margin:0px auto;

}
#left{
width:545px;
float:left;
padding:10px;

}
#right{
width:200px;
float:left;
padding:10px;
}

sad u IE-u je sve OK, dok u Firefoxu izgleda kao da je ovaj veliki iznad ova dva, tj oni ispadaju iz njega, a istovremeno stoje na sredini stranice kao da ih on drži. problem je u tome što u velikom imama tajl koji se tada ne pokazuje. Unaprijed hvala na pomoći

[keye]

a zasto ti "right" floata lijevo?

[red]

Pretpostavljam da ti treba neki clear. U elementu koji dolazi nakon "right", dodaš clear: both;

[slaven]

Nije, već sam probao sa svim mogućim clearovima i floatovima, izgleda da je broblem u tome što ovaj držač nije float, nemam pojma zašto

[raytech]

Daj screan shoot onog što želiš napravit pa ti onda možda mogu pomoć, možda si totalno krenuo u krivom smjeru.

[red]

Ili još bolje, kompletan kôd.

[pixelpusher]

.. i nemoj kombinirat width i padding za isti element jer se neces bas zabavit.

[maratz]

pixelpusher wrote:

.. i nemoj kombinirat width i padding za isti element jer se neces bas zabavit.

Ali u tome i jest cijela zabava : )

[Sulien]

pa da, manje je zabavno nestati div-ove pa marginama sve paddati

[Hrvoje33]

Quote:

sad u IE-u je sve OK, dok u Firefoxu izgleda kao da je ovaj veliki iznad ova dva, tj oni ispadaju iz njega, a istovremeno stoje na sredini stranice kao da ih on drži. problem je u tome što u velikom imama tajl koji se tada ne pokazuje.

Problem je što IE ne slijedi standard (ko da to nisi znao) i automatski parent element obuhvati floatane elemente u njemu, dok je po standardu floatani element izuzet iz parent elementa. Jednostavno bi rješenje bilo da se i div#sredinaHolder floata, ali tada ne bi bio centriran.
Vjerojatno u kodu stranice imaš neki element koji dolazi poslije div#right te onda na taj elemenat dodaj clear:both; i to bi trebalo biti to.