Avatar billede tif12345 Nybegynder
07. maj 2005 - 16:00 Der er 3 kommentarer og
1 løsning

Få en <div> til et følge højden af en anden <div>

Lad mig først starte med at sige, jeg er helt ny hvad angår CSS.

Mit problem består i at jeg har en <div> indeholdende > menu i venstre side af mit layout, og en <div> > med indhold i midten af siden.

Indholdet vil være forskellige fra side til side, og det skaber et problem i at højden vil være skiftende. Så jeg vil gerne ha at min menu kan følge den højde indholdet sætter.

Så jeg ville høre om det er muligt at få <div id="menu"> som indeholder menuen, til at følge højden af <div id="contbg"> som indeholder, indholdet?

Hvordan kan jeg løse dette problem ?

Hvis ovenstående ik helt giver mening, så tag et kig her;
http://lyricsaremusic.com/css.htm - det skulle illustrere hvad jeg mener.

Jeg ved ikke om det er til nogen hjælp, men her er de 2 <div>'tags;

#menu {
position: absolute;
top: 178px;
left: 5px;
width: 149px;
background: url(images/menubg.gif);
text-align: left;
padding-top: 3px;
}
#contbg {
position: absolute;
top: 158px;
left: 154px;
width: 616px;
background: url(images/contentbg.gif);
text-align: left;
padding-top: 3px;
}
Avatar billede olebole Juniormester
08. maj 2005 - 02:08 #1
<ole>

Til synkroniserede søjler anbefaler W3C det eneste element, der fra fødselen er beregnet til den slags: Tabellen. Bruge en tabel med to søjler - og fyld så dem op med andre elementer

/mvh
</bole>
Avatar billede roenving Novice
08. maj 2005 - 06:45 #2
Hvis du hellere vil have en dårlig løsning kan du bruge:

<script type="text/javascript">
var elms = ['left','middle','right'];

function synchronizeDivs(){
  var maxH = 0;//Indsæt minimumshøjden her !-)
  for(i=0;elms.length>i;i++){
    maxH = Math.max(maxH,document.getElementById(elms[i]).offsetHeight);
  }
  for(i=0;elms.length>i;i++){
    document.getElementById(elms[i]).style.height=maxH + 'px';
  }
}
</script>
Avatar billede tif12345 Nybegynder
08. maj 2005 - 18:08 #3
ok tak, jeg valgte at lave en tabel . smid et svar ole :)
Avatar billede olebole Juniormester
08. maj 2005 - 20:02 #4
Gerne, tak  :)
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