Avatar billede dmg Nybegynder
08. januar 2008 - 12:29 Der er 3 kommentarer og
1 løsning

Stræk siden til bunden af browseren

Hej experts!

Jeg har nedenstående script, som bliver kaldt i min <body onLoad="aligndiv()">

function aligndiv()
{
  d1=document.getElementById("content");
  d1y=d1.offsetHeight;
  d2=document.getElementById("RightSideContent");
  d2y=d2.offsetHeight;
  d1.style.height=(d1y>d2y)?d1y+"px":d2y+"px";
  d2.style.height=(d1y>d2y)?d1y+"px":d2y+"px";
}

Dette javascript tager 2 div boxe og gør dem lige lange... Det virker helt perfect. Jeg har nu set af nogle af mine sider ikke fylder så meget på skærmen og jeg ville meget gerne strække siden helt ned til bunden af skærmen, sådan så der ikke er et blankt mellemrum... er det muligt at integrere sådan en function i min kode?

Tak for hjælpen foreløbigt.
Avatar billede roenving Novice
08. januar 2008 - 17:29 #1
Måske (der er godt nok klippet en tå og hugget en hæl, for nedenstående kræver f.eks. også at html og body er sat til 100% !-)

function aligndiv(){
  var maxH = window.documentElement.clientHeight;
  d1=document.getElementById("content");
  maxH = Math.max(maxHeight,d1.offsetHeight);
  d2=document.getElementById("RightSideContent");
  maxH = Math.max(maxHeight,d2.offsetHeight);
  d1.style.height=d2.style.height=maxH+"px";
}
Avatar billede dmg Nybegynder
09. januar 2008 - 00:43 #2
Hej roenving,

Jeg prøvet dit script, men det virkede ik :(

Jeg har tilføjet nedenstående til mit stylesheet

html,body{margin:0;padding:0;height:100%}

Du kan se min side her: northshorecomputersupport.com/dmg2 hvis du klikker på "about" eller "contact" kan du se siden ikke strækker sig helt ud...

Ovenstående script, gør at den gule sidebar er ligeså lang som indholdet i midten. Så måske skal jeg gøre det på en anden måde?
Avatar billede dmg Nybegynder
09. januar 2008 - 06:37 #3
Hej igen,

Som sagt virker det oventående rigtigt godt... Men der er een ting jeg rigtigt gerne vil ha lavet. Jeg gi'r dig extra points ;)
Hvis nu jeg gerne vil lave en function så mine div'er åbner og lukker, så siden altså udvides forskelligt hele tiden... Kan vi få scriptet til at virke til det?
Jeg har prøvet og hver gang jeg åbner en div og siden bliver længere, så holder begge diver den samme størrelse og teksten går derefter ud over bunden af siden.
Hvis vi kan lave sådan en løsning ville det være helt fantatisk :)
Foreløbigt mange tak!
Avatar billede dmg Nybegynder
25. august 2010 - 22:55 #4
Hej og undskyld den lange vente tid.
Lukker da jeg ik kan huske pracis hvad der skete her :-)
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