Avatar billede extream Nybegynder
23. december 2005 - 11:38 Der er 4 kommentarer

div som følges ad i højden

Jeg vil gerne have et 2 div tags følges ad i højden når man skriver i det ene skal det andet følge med ligesom i en tabel.

___________

<div style="float:left; width: 200px; background-color:#FF0000;">kolonne 1<br />
<br />
<br />
<br />
<br />
<br />
</div>
<div style="float:left; width: 580px; background-color:#000033;">Kolonne 2</div>
__________________
Avatar billede mm12010 Nybegynder
23. december 2005 - 12:43 #1
hvorfor bruger du så ikk bare en tabel?
Avatar billede mm12010 Nybegynder
23. december 2005 - 13:07 #2
hvis ikke du mener at det er en mulighed - så kunne løsningen se således ud:

<div style="height:100px;">
  <div style="float:left;border:1px solid red;" id="nr1">
    <br><br><br><br><br><br><br><br><br><br><br><br><br><br>
  </div>
  <div style="float:left;border:1px solid red;" id="nr2">
    <br>
  </div>
</div>
...
<script type="text/javascript">
window.onload=function(){
  var nr1=document.getElementById("nr1");var nr2=document.getElementById("nr2");
  nr1.style.height=nr2.style.height=Math.max(nr1.offsetHeight,nr2.offsetHeight)+"px";
}
</script>
Avatar billede webrex Nybegynder
23. december 2005 - 17:08 #3
Den ydre div skal bare have en height: auto; så bliver højden af denne = det som er inden i den.
Avatar billede olebole Juniormester
24. december 2005 - 12:53 #4
<ole>

Der er ingen 'ydre div' - og hvis der var, ville det ikke hjælpe. Floatede elementer ligger 'udenfor' sidens flow - og fylder ikke (ligesom absolut-positionerede elementer)  ;o)

Til opdeling i kolonner anbefaler W3C brug af tabel-elementet - så det er nok et rigtig godt bud  *<|;o)

/mvh
</bole>
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