http://wordpress.org/support/ WordPress › Support Topic: How to make div#wrapper use the whole page vertically en Thu, 26 Nov 2009 02:24:31 +0000 http://wordpress.org/support/topic/227471#post-1247207 Thu, 15 Oct 2009 09:30:10 +0000 AlethiaPak 1247207@http://wordpress.org/support/ <p>wow 9 months ago!<br /> anyway i will just post my solution here as if it can be helpful for another people.</p> <p>it is not perfect.<br /> anyone want to develop for a better outcome, please do.<br /> i would love to know it too.</p> <p>1.</p> <pre><code>body{ margin:0; padding:0; } /*you can try this too. all browser will give H100%, but problem will show up when trying to reduce the window size!*/ /*html, html body{ margin:0; padding:0; height:100%; }*/ html, *+html body{/*ck for ie7*/ margin:0; padding:0; height:100%; } *html body {/*ck for ie6*/ height:100%; } #wrapper{ min-height:100%; height:100%; background:#6CC;/*ck you can remove this*/ } *html body #wrapper{/*ck for ie6*/ height:100%; }</code></pre> <p>it was tested with<br /> -ie6,7 &gt; work<br /> -ff3.5.2 &gt; work<br /> but<br /> -ie8, ff2, opera9, opera10 &gt; doesn't work<br /> however if you use<br /> <pre><code>html, html body{ margin:0; padding:0; height:100%; }</code></pre> <p>it will (almost) work in all browser, but only if you scaledown the browser, you will see the problem.</p> <p>or</p> <p>2. another way that will work for sure in all browser is using combination of css and table.</p> <p>or </p> <p>3. fake it graphically by apply background image to &lt;body&gt; </p> http://wordpress.org/support/topic/227471#post-998763 Thu, 26 Feb 2009 10:29:33 +0000 sjoerd_oudman 998763@http://wordpress.org/support/ <p>Hi mlnosp,</p> <p>I have had your problem as well, but the solution (which i haven't cross browser tested yet to be honest...only FireFox) could be using 'auto' instead of '100%'.</p> <p>Hope this will help</p> <p>groeten/greetings</p> <p>Sjoerd </p> http://wordpress.org/support/topic/227471#post-932235 Sat, 20 Dec 2008 21:49:27 +0000 mlnosp 932235@http://wordpress.org/support/ <p>Hello,</p> <p>I am using the sandbox theme to start making my own theme and would like to have the div#wrapper use the whole page in it's height (vertically) in order to have the footer at the very bottom of the web browser and not in the middle of the browser in case the content is not so long.</p> <p>I tried a few different things in div#wrapper, like using "height: 100%" but that didn't work at all. So does anyone have a trick on how to do this ?</p> <p>Many thanks<br /> Regards </p>