webForumDet fria alternativet

Problem med float i FF, inte i IE

HTML & CSS

3 svar · 452 visningar · startad av magnusfeldth

Medlem sedan jan. 20034 480 inlägg
Frågan#1

Jag försöker lägga ett par divs i en huvud-div och allt funkar frid och fröjd, tills jag ger "minidivsarna en float-egenskap... då faller de utanför huvuddiven i FF 3.0, men inte i IE7... Vad kan det bero på och hur löser jag det?

Medlem sedan feb. 20034 441 inlägg
#2

Screenshot, länk, kod?

Medlem sedan feb. 20041 816 inlägg
#3

Misstänker att du inte sätter clear nånstans?

quirksmode.org förklarar:

A common problem with float-based layouts is that the floats' container doesn't want to stretch up to accomodate the floats. If you want to add, say, a border around all floats (ie. a border around the container) you'll have to command the browsers somehow to stretch up the container all the way.

http://www.quirksmode.org/css/clearing.html

En äldre metod (clearfix) är att sätta en klass på wrapperelementet:
http://www.positioniseverything.net/easyclearing.html

Tommy Olsson förklarar floats på ett enkelt och lättförståeligt sätt om du vill veta mer: http://www.autisticcuckoo.net/arkiv.php?id=2004/12/10/flytande

Medlem sedan jan. 20034 480 inlägg
#4

overflow: auto; i containern fixade dealen! tackar!

265 ms totalt · 4 externa anrop · v20260731065814-full.1dc6f849
127 ms — deklarationer (db)
0 ms — hämta statistik (cache)
135 ms — hämta tråd, inlägg och bilagor (db)
125 ms — ändringar (db)