http://wp-danmark.dk/forum/topic/css-sidebar-skal-have-100-h%c3%b8jde-af-parent-div WordPress DK Forum Topic: CSS sidebar skal have 100% højde af parent div da-DK Sun, 26 Jul 2026 15:07:21 +0000 http://bbpress.org/?v=1.0.1 q http://wp-danmark.dk/forum/search.php http://wp-danmark.dk/forum/topic/css-sidebar-skal-have-100-h%c3%b8jde-af-parent-div#post-62907 tirs, 07 jul 2015 23:20:57 +0000 Finnj 62907@http://wp-danmark.dk/forum/ <p>Har du prøvet !important efter </p> <p>Ex<br /> height:100% !important; </p> http://wp-danmark.dk/forum/topic/css-sidebar-skal-have-100-h%c3%b8jde-af-parent-div#post-62905 tirs, 07 jul 2015 20:45:17 +0000 Thomasso75 62905@http://wp-danmark.dk/forum/ <p>Hej.</p> <p>Jeg sidder med et problem. Jeg arbejder på at designe <a href="http://www.quest2move.dk" rel="nofollow">http://www.quest2move.dk</a>, hvor alle undersiderne indeholder et ekstra stylesheet, der definerer en sidebar i højre side af siden.<br /> På eksempelvis <a href="http://www.quest2move.dk/kontakt/" rel="nofollow">http://www.quest2move.dk/kontakt/</a>, 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 <a href="http://www.quest2move.dk/coaching/" rel="nofollow">http://www.quest2move.dk/coaching/</a>.</p> <p>Selve stylesheet for sidebar ser ud som følger:<br /> #main {<br /> float: left;<br /> width: 65%;<br /> margin: 0;<br /> display: block;<br /> }<br /> #main-core {<br /> margin: 0;<br /> padding: 15px;<br /> }<br /> #sidebar {<br /> float: right;<br /> width: 35%;<br /> height: 100%;<br /> margin: 0;<br /> padding: 0;<br /> display: block;<br /> background: url("../../images/content_bg.png") repeat-y;</p> <p>}<br /> #sidebar-core {<br /> margin: 0;<br /> padding: 15px;<br /> padding-left: 40px;<br /> }</p> <p>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.</p> <p>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.</p> <p>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.<br /> Dette er gjort i functions.php, men bør nok ikke have den store indflydelse - tror jeg.</p> <p>Er der en skarp hjerne der kan hjælpe mig i den rigtige retning? Glem nu farven på sidebar - det er KUN test ;)</p> <p>Takker og bukker på forhånd.<br /> Med venlige hilsner<br /> Thomas </p>