Avatar billede stephanryer Nybegynder
28. februar 2006 - 13:24 Der er 3 kommentarer og
1 løsning

divs højde stiger i forhold til indholdet. (img)

Jeg har problemer med følgende kode:

        <div id="testDiv" style="height:170px">
            <img src="" height="170" border="0" />
        </div>
        <script>
            alert(document.all.testDiv.offsetHeight);
        </script>

Det jeg gør er at oprette en div og inden i den oprette en img. Denne img's højde sætter jeg til 170. Alligevel er den div, den ligger i 172px høj. Jeg har prøvet at justere padding, margin og border på både img og div til 0 men kan ikke finde ud af hvorfor min div konsekevent er 2px højere.

Nogen der kan afhjælpe mit problem?

På forhånd tak

/Stephan
Avatar billede milandt Nybegynder
28. februar 2006 - 14:09 #1
Du kan gøre to ting;

- enten sætte overflow:hidden på din div, eller display:block på dit billede.

grunden til det er, at et billede er et inline element. i IE bliver billeder vist med en smule plads under sig når de vises inline.

ved overflow:hidden skjuler du den ekstra plads, og ved display:block på billede undgår du denne ekstra plads under billedet,
Avatar billede stephanryer Nybegynder
28. februar 2006 - 17:05 #2
tusind tak :D Tester det på arbejde imorgen. Smid et svar.
Avatar billede milandt Nybegynder
28. februar 2006 - 21:05 #3
yes sir
Avatar billede stephanryer Nybegynder
01. marts 2006 - 08:28 #4
Jeg kan sige at display:block på img virker. Har lige prøvet :D
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