Avatar billede jakobdo Ekspert
11. juni 2005 - 22:32 Der er 5 kommentarer og
1 løsning

Div inde i div inde i div, men hvorfor bliver højden forkert

Hvis jeg fjerner FLOAT: LEFT; så virker det.
Men nu hvor float: left; sættes, så bliver højden ikke korrekt! (eller den tilpasser sig ikke højden af de 3 div's (div3)
Nogle som har en løsning?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/strict.dtd">
<html>
<head>
<title>CSS Test</title>
<style type="text/css">
#div1 { position: relative; width: 500px; background-color: blue; padding: 5px; }
#div2 { position: relative; background-color: red; padding: 5px; }
.div3 { position: relative; background-color: yellow; padding: 5px; float: left; }
</style>
</head>
<body>
<div id="div1">
  <div id="div2">
    <div class="div3">Hej Mor</div><div class="div3">Hej Far</div><div class="div3">Hej Alle andre</div>
  </div>
</div>
</body>
</html>
Avatar billede roenving Novice
12. juni 2005 - 01:39 #1
En float har ikke, som andre divs i IE en specificeret højde uden at den er specificeret !-)

I Gecko-browserne vil en indlejret positioneret div aldrig påvirke den omkringliggende div, så du skal vist over i helt andre muligheder for at lave det, du ønsker !-)

Prøv f.eks.

#div2 { position: relative; background-color: red; padding: 5px; /*height:73px;*/}
.div3 { position: relative; background-color: yellow; padding: 5px; float: left; height:15px;}

-- og fjern udkommenteringen af højden i div2 !-)
Avatar billede jakobdo Ekspert
12. juni 2005 - 12:50 #2
Men ved at sætte height, så kan jeg jo ikke tilpasse en bruger som evt øger skriftstørrelsen på siden?
Avatar billede roenving Novice
14. juni 2005 - 00:39 #3
Du kan jo også bruge andre enheder, f.eks. 12em !-)
Avatar billede jakobdo Ekspert
05. juli 2005 - 20:41 #4
Roenving, vil du have point?
Hvis ja, smid et svar.
Avatar billede roenving Novice
06. juli 2005 - 00:54 #5
Oki '-)
Avatar billede roenving Novice
06. juli 2005 - 16:46 #6
-- 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