Avatar billede Slettet bruger
13. marts 2006 - 16:20 Der er 4 kommentarer og
1 løsning

Højde på div - følge med ydre div

Hejsa,

Jeg er ved at lave en hjemmeside i html og css og er løbet ind i et lille problem, som jeg håber nogen herinde måske kan hjælpe mig med at løse.

På min side: http://afterworld.dk/

Har jeg en css-fil, der indeholder nogle divs.

Sitet skal bestå af en ydre div, der skal gungere som rammen om hele sitet - <div id="containerSite">

Og inden i den skal der være en top, en menu under toppen og en div til noget indhold og til sidst en bund forneden.

Det fungerer sådan set fint nok, men jeg ville gerne have at menuen i venstre side strækkede sig ned til bunden - altså i takt med at indholdet i  <div id="containerContent"> blev længere.

Jeg har arbejdet en del med at siden altid - uanset længden af indhold skulle strække sig 100%, men det har skabt nogle problemer sådan, at jeg nu bare vil have at de to divs er lige lange og altså er defineret længdemæssigt ud fra indholdet i  <div id="containerContent">.

Hvad skal jeg gøre ved min menu-div for at den altid er på længde med den anden ( <div id="containerContent">)?

Med venlig hilsen,
Thomas
Avatar billede webstuff Nybegynder
13. marts 2006 - 19:40 #1
Prøv at sæt dette ind i <head></head>
<script type="text/javascript">
function sammehoj(){
  var menu = document.getElementById("containerMenu")
  var main = document.getElementById("contarinerMain");

if(menu.offsetHeight<main.offsetHeight){
  menu.style.height = main.offsetHeight + "px"
} else {
  main.style.height = menu.offsetHeight + "px"
}
}
</script>

og sæt dette ind i <body> tagget:
<body onLoad="sammehoj();">

Det er ikke testet men det burde virke, så det skal måske lige rettes lidt til :-)

//Webstuff
Avatar billede webstuff Nybegynder
13. marts 2006 - 19:42 #2
evt. sætte "clear:both;" ind i dit stylesheet ved containerBottom :-)
Avatar billede webstuff Nybegynder
13. marts 2006 - 19:46 #3
og så skal du fjerne semikolonet efter:
  var main = document.getElementById("contarinerMain")
Avatar billede Slettet bruger
14. marts 2006 - 10:55 #4
Tak for dit svar!
Jeg har dog besluttet mig for at benytte en anden metode, hvor kanten på den div, hvor indholdet er sættes til den samme bredde som menuen skal være og derefter placerer menuen ovenpå denne kant med z-index.

Det giver samme illusion med at menuen bevæger sig med hele vejen.
Du skal dog have point for dit hurtige svar.

Med venlig hilsen,
Thomas
Avatar billede webstuff Nybegynder
14. marts 2006 - 18:05 #5
Okay.. Det er jo helt op til dig :-)
Men jeg siger tak for point alligevel :-)

//Webstuff
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