Avatar billede krk Nybegynder
10. maj 2007 - 13:34 Der er 10 kommentarer og
2 løsninger

div højde

Hej
Er der en min. højde en <div> kan være i IE.
Jeg har en div med højden 7px og et baggrundsbillede på 7px høj inde i  diven. Og det virker fint i Firefox, men i IE er højden større også selv om jeg sætter højden ned til ex. 2px.
Er der nogen der har en god forklaring?
Avatar billede fennec Nybegynder
10. maj 2007 - 13:37 #1
Det er sikkert font'en der driller. Sæt font-size:1px; på dit style
Avatar billede roenving Novice
10. maj 2007 - 13:38 #2
En div indeholder som minimum en tekst-node i IE, hvorfor den aktuelle tekststørrelse giver giver minimumshøjden ...

-- så du skal bare sætte denne størrelse ned:

<div style="line-height:0;font-size:0;height:7px;background:url(ditBagggrundsbillede.gif)">&nsp;</div>
Avatar billede michael_stim Ekspert
10. maj 2007 - 13:38 #3
Jeg har haft samme problem. Det blev löst med at fjerne enter (linieskift).
<div>
indhold
</div>
rettedes til:
<div>indhold</div>
Avatar billede roenving Novice
10. maj 2007 - 13:39 #4
... )">&nbsp;</ ...
Avatar billede krk Nybegynder
10. maj 2007 - 13:41 #5
okay det virker med font-size:0px
Så fennes og roenving i må dele point
Avatar billede mclemens Nybegynder
10. maj 2007 - 13:41 #6
Prøv style="height:7px;overflow:hidden;"
Avatar billede roenving Novice
10. maj 2007 - 13:48 #7
Velbekomme '-)
Avatar billede fennec Nybegynder
10. maj 2007 - 13:57 #8
.o) <-- One Eyed Jack
Avatar billede mclemens Nybegynder
10. maj 2007 - 13:57 #9
"Er der nogen der har en god forklaring?"
Problemet er at IE6 ikke forstår height som
en fast height, men istedet som min-height.
Derfor kan man enten sørge for at fonten gør så
elementet ikke når højden, jeg tror minimum font i
IE er 2px - eller også kan man kaste en overflow:hidden;
på, så overholder IE6 højde angivelsen ligesom FF og IE7.
Avatar billede krk Nybegynder
10. maj 2007 - 14:02 #10
Tak for hjælpen
Avatar billede roenving Novice
10. maj 2007 - 14:02 #11
>>mclemens

Ja, det er et af to problemer, det andet er den mærkværdighed, at en tom dv-node indeholder en tekstnode !-)
Avatar billede roenving Novice
10. maj 2007 - 14:03 #12
-- og tak for point ;~}
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