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;
}
3 svar · 408 visningar · startad av tjejmedhund
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?
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;
}
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)
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!