WordPress DK Forum Tag: baggrund div nested

WordPress DK Forum Tag: baggrund div nested - Recent Topics http://wp-danmark.dk/forum/tags/baggrund-div-nested WordPress DK Forum Tag: baggrund div nested - Recent Topics da-DK Tue, 25 Aug 2026 21:06:32 +0000 http://bbpress.org/?v=1.0.1 <![CDATA[Søg]]> q http://wp-danmark.dk/forum/search.php Treehuggerish om "indhold/sidebar baggrund vises ikke." http://wp-danmark.dk/forum/topic/indholdsidebar-baggrund-vises-ikke#post-2142 fre, 24 aug 2007 06:20:19 +0000 Treehuggerish 2142@http://wp-danmark.dk/forum/ Edit: koden blev ikke vist når jeg satte code tags rundt om, sikkert mig der laver rod, så det er i blockquote istedet for, tilgiv mig :) Right, for at forklare problemet ordentligt er det nok fornuftigt at vise koden. <blockquote> <body> <center> <div id="wrapper">  <div id="header">  </div>  <div id="main">  <div id="sidebar">  </div>  <div id="content">  </div>  </div>  <div id="footer">  </div>  </div>  </body> </blockquote> Som man kan se er ligger sidebar'en og selve indholder (loopet etc.) i hver sin div, som igen ligger inden i en div der hedder "main", som ligger mellem header div'en og footer div'en. Jeg har så givet main div'en et baggrundsbillede der skal ligge bag både "content" og "sidebar", css'et er her. <blockquote> body { background-image: url(images/bgpattern.jpg) } #wrapper /* the wrapper lays around the entire <body> part of the page */ { } #header /* the header div is for defining the size and structure of the header*/ { height: 107px; width: 820px; background-image: url(images/zorianheader.gif); } #main /* This wraps around both the content area and the sidebar, should be content + sidebar wide */ { background-image: url(images/zorianbg.gif); width: 820px; height: 300px; } #content /* The content div is for the structure and positioning of the content */ { float: left; width: 620px; } #sidebar /* The sidebar div is for the structure and positioning of the sidebar */ { float: right; width: 200px; } #footer /* The footer div is for the structure and positioning of the sidebar */ { background-image: url(images/zorianfooter.gif); clear: both; width: 820px; height: 184px; } </blockquote> Men, den baggrund der er sat ind i #main vises ikke som ses på det her billede <a href="http://www.treehuggerish.net/eksempel1.jpg" rel="lightbox2142"><img src="http://wp-danmark.dk/forum/tumbs/tumb_d57b90137c37a8d52cdc26f935f0628f_eksempel1.jpg" /></a> Det er muligvis mig der er en CSS padde. Hvis jeg giver #main en fixed' højde, så vises baggrunden, så min tanke er at det er fordi den ikke har nogen højde, altsår #main, men jeg troede at når de to div'er der ligger inden i #main får en høje, så får #main automatisk samme højde, baggrunden skulle jo gerne følges med siden i højde, sådan at hvis der er meget text er den høj, hvis der er lidt tekst er den lav osv. her kan man se hvordan det virker når main får en fast højde, problemet er bare at den skal være flydende. <a href="http://www.treehuggerish.net/eksempel2.jpg" rel="lightbox2142"><img src="http://wp-danmark.dk/forum/tumbs/tumb_87f4b15a2f425fa346b6b1f435de5e24_eksempel2.jpg" /></a> Spørgsmålet er så, hvordan får jeg #main til at have samme højde som #content og #sidebar har, hvis det overhovedet er muligt. På forhånd mange tak for jeres svar. -Andreas