Avatar billede mortenbock Nybegynder
30. juni 2006 - 12:02 Der er 3 kommentarer og
1 løsning

Et div under 14px i højden

Jeg er stødt på noget underligt

Jeg har et div:

<div id="colorbar"></div>

og tilhørende css

#colorbar {
width: 898px;
height: 4px;
background: #EEF0ED;
}

Det ser fint ud i Firefox, men i IE er højden 14px. Hvad sker der? Hvis jeg giver height en værdi over 14 så ser det ens ud i begge browsere, men under 14 går det galt. IE vil bare ikke gå under.

Nogen der har en idé?
Avatar billede fennec Nybegynder
30. juni 2006 - 12:06 #1
Det er font-size'en der driller. IE kan ikke gå under den størrelse:

#colorbar {
width: 898px;
height: 4px;
background: #EEF0ED;
font-size:1px;
}
Avatar billede fennec Nybegynder
30. juni 2006 - 12:07 #2
Ellers kan du også bruge overflow i stedet for font-size:

overflow:hidden;
Avatar billede mortenbock Nybegynder
30. juni 2006 - 12:08 #3
meget underligt. Følgende hjalp:

#colorbar {
width: 898px;
height: 4px;
background: #EEF0ED;
font-size: 0;
}

Så IE måler tilsyneladende på font størrelsen selvom der ikke er noget i div tag'et...
Avatar billede mortenbock Nybegynder
30. juni 2006 - 12:09 #4
Hov, havde slet ikke set der var svaret :) Men det er helt korrekt at det var fonten.
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester