CSS sidebar skal have 100% højde af parent div
Hej.Jeg sidder med et problem. Jeg arbejder på at designe www.quest2move.dk, hvor alle undersiderne indeholder et ekstra stylesheet, der definerer en sidebar i højre side af siden.
På eksempelvis http://www.quest2move.dk/kontakt/, går sidebar helt til bunden i det selve indholdet af sidebar er længere end indholdet i vensre ramme/div. Men hvis der kommer lidt mere indhold i venstre div vil sidebar ikke følge med ned til bunden, se eksempelvis http://www.quest2move.dk/coaching/.
Selve stylesheet for sidebar ser ud som følger:
#main {
float: left;
width: 65%;
margin: 0;
display: block;
}
#main-core {
margin: 0;
padding: 15px;
}
#sidebar {
float: right;
width: 35%;
height: 100%;
margin: 0;
padding: 0;
display: block;
background: url("../../images/content_bg.png") repeat-y;
}
#sidebar-core {
margin: 0;
padding: 15px;
padding-left: 40px;
}
Jeg har forsøgt mig med nogle forskellige ting, men lige lidt har det hjulpet. Jeg har angivet en 100% height på #sidebar og dens parent divs, hrml og body osv, men lige lidt hjælper det.
Ligeledes kunne jeg godt tænke mig at den gik helt ud i højre side og ikke havde det gap, der er nu. Jeg har forsøgt mig med float right og også at benytte alt tilgængelig plads ved at definere de to divs så de optager 100% af bredden af parent div.
Det skal siges at det køres som et child theme og at jeg har haft noget bøvl med at fjerne styles fra hovedtemaet og så få child temaet til at benytte de stylesheets.
Dette er gjort i functions.php, men bør nok ikke have den store indflydelse - tror jeg.
Er der en skarp hjerne der kan hjælpe mig i den rigtige retning? Glem nu farven på sidebar - det er KUN test ;)
Takker og bukker på forhånd.
Med venlige hilsner
Thomas