Floats innuti en container med width:auto

7 svar · 552 visningar · startad av pakmannen 10 jan. 2007

pakmannenMedlem sedan dec. 2002227 inlägg

Frågan10 jan. 2007 15:14#1

IE har ju som vi alla vet lite problem när det kommer till floats. Någon som vet hur jag kan undvika följande problem:

- Har en #container som är width:auto; (ett måste)
- Innuti har jag många små divs med float:left; och en fast bredd (bilder)

IE förstår inte bredden "auto" på #container utan räknar med en bredd som går ända ut till högra kanten av webbläsaren, vilket alltså gör att float divarna hamnar utanför #container, då den INTE går ändå ut till högra kanten.

(Kan posta lite screenshots senare..)

OkkidoMedlem sedan maj 20007 492 inlägg

10 jan. 2007 15:22#2

Det borde väl räcka med att du clearar din #container? Om inte så visa lite kod.

zcorpanMedlem sedan dec. 20042 245 inlägg

10 jan. 2007 15:32#3

IE kanske vill ha hasLayout på #container. Testa med zoom:1 tex.

pakmannenMedlem sedan dec. 2002227 inlägg

10 jan. 2007 16:18#4

Läser på om hasLayout.. Tack för tipset.

Har lagt upp en liten testfil: Problem uppstår i IE

pakmannenMedlem sedan dec. 2002227 inlägg

10 jan. 2007 16:37#5

Jajamän, hasLayout var ju precis det jag sökte. Intressant läsning faktiskt. Har hört talas om och använt The Holly Hack tidigare, men nu förstår jag vad det innebär och när det behöver användas.

Tack! :bire

icaaqMedlem sedan okt. 20005 273 inlägg

10 jan. 2007 18:17#6

Tjenare,

zoom:1; finns dock inte med i någon css-specifikation, jag skulle rekomendera dig att använda height: 1% istället.

/red. i en conditionalcommentad ie-specifik css alltså :)

mv icaaq

pakmannenMedlem sedan dec. 2002227 inlägg

10 jan. 2007 19:19#7

Yes, det är det som menas med "The Holly Hack". Fast tydligen är det säkrare att köra med height:1px; istället för %.

zcorpanMedlem sedan dec. 20042 245 inlägg

10 jan. 2007 23:11#8

pakmannen skrev:

Fast tydligen är det säkrare att köra med height:1px; istället för %.

Isf måste du ange det endast för IE5/6 eftersom annars blir elementet 1px högt (som sig bör) i andra webbläsare, inkl IE7. Jag skulle dock rekommendera att inte använda height alls eftersom det inte fungerar som förväntat i alla lägen. zoom:1 är inte giltig CSS men det spelar ingen större roll, för webbläsare som inte förstår det måste ignorera det och då gör det ingen skada. Det gör ingenting för IE heller mer än att trigga hasLayout och fungerar i alla lägen även i IE7 (förutom IE5.01, men vem bryr sig?). Och har man det bakom en CC så spelar det ännu mindre roll om det är giltig CSS eller inte eftersom det bara är IE som ser det. :)