Varför hamnar kolumnens innehåll fel i IE?

HTML & CSS

3 svar · 414 visningar · startad av tjejmedhund

Medlem sedan juni 2001340 inlägg
Trådstart#1

Hej!

Hoppas någon har orken att klura på, varför min layout med två kolumner inte håller "måttet" i IE Explorer, men däremot ser ut som det ska i Firefox. I IE hamnar innehållet i den högra kolumnen PÅ skiljestrecket mellan de olika kolumnerna...

http://www.hattifnatt.com/testplats/hatt_test.html

Stylesheet: http://www.hattifnatt.com/testplats/style_test.css

Felet uppkommer någonstans i samband med de fyra listboxarna. Om jag plockar bort dem och enbart har text i den kolumnen, hamnar innehållet rätt, dvs till höger om den grå spaltlinjen/avskiljaren.

Stilen för boxarna ligger under #clb-shell och nedåt (som ni kan se, en lösning från annan person - därav har jag inte koll på koden).

Kanske finns en enkel förklaring?

Medlem sedan mars 2006296 inlägg
#2

Prova att ändra den här delen i css:en

ul#clb {
height:9em;
list-style-type:none;
text-align:center;
width:519px;
}

till...

ul#clb {
list-style-type:none;
text-align:center;
width:100%;
float:left;
}
Medlem sedan juni 2001340 inlägg
#3

Testade ditt förslag, tyvärr gjorde det ingen skillnad i IE, och ställde till det i Firefox istället (Texten hamnade "genom" boxarna)

Medlem sedan juni 2001340 inlägg
#4

Problemet löst: Div'en som innehöll boxarna fick inte plats på sitt utrymme, enligt IE, utan knuffade då ner innehållet som kom efter, under sig. Tyckte jag hade testat detta, men jag kan ha gjort några justeringar sedan dess, som gjorde att helheten ordnade sig!

400 ms totalt · 4 externa anrop · v20260731065814-full.d34c6d5a
124 ms — deklarationer (db)
130 ms — hämta statistik (db)
138 ms — hämta tråd, inlägg och bilagor (db)
129 ms — ändringar (db)