http://www.kriesi.at/support/topic/100-height-layout Support Forum - Topic: 100% Height Layout en-US Sat, 18 May 2013 23:38:36 +0000 http://bbpress.org/?v=1.0.2 q http://www.kriesi.at/support/search.php http://www.kriesi.at/support/topic/100-height-layout#post-1321 Thu, 29 Jul 2010 07:26:18 +0000 James Morrison 1321@http://www.kriesi.at/support/ <p>Hey! </p> <p> Good luck :) </p> <p> Best regards,<br /> James </p> http://www.kriesi.at/support/topic/100-height-layout#post-1193 Wed, 28 Jul 2010 15:29:59 +0000 n141 1193@http://www.kriesi.at/support/ <p>Ok, thanks James !<br /> I'll try with jQuery although i'm not very familiar with this library...<br /> Wish me luck :) </p> http://www.kriesi.at/support/topic/100-height-layout#post-1188 Wed, 28 Jul 2010 14:22:29 +0000 James Morrison 1188@http://www.kriesi.at/support/ <p>Ok, I misunderstood what you needed.</p> <p>What you need is jQuery to work out what the height of the page is and add a class to fix the footer to the bottom of the page. I'm not good enough with jQuery to put this together for you, I tend to ask my jQuery questions over at <a href="http://stackoverflow.com" rel="nofollow">http://stackoverflow.com</a> so if you can't do it yourself give them a try. </p> http://www.kriesi.at/support/topic/100-height-layout#post-1137 Wed, 28 Jul 2010 07:33:29 +0000 n141 1137@http://www.kriesi.at/support/ <p>Thanks James for your answer !<br /> Unfortunately, your proposition is not what i need.<br /> With this solution, the footer is always 'fixed' at the bottom of the scrren even if the content is important; in that case the rest of the content of the page appears under the footer.<br /> What i would like to do is to fix the footer at the bottom of the screen ONLY for pages which have not enough content to fill the screen.<br /> For others cases, pages which have enough content to fill the screen, the footer should appear after the content just as usual.</p> <p>I know there's a way to do this, but which way... ? :)</p> <p>Got an idea ? </p> http://www.kriesi.at/support/topic/100-height-layout#post-652 Sat, 24 Jul 2010 12:52:41 +0000 James Morrison 652@http://www.kriesi.at/support/ <p>I'd suggest taking out the height / min-height values you added and use something like this:</p> <pre><code>#footerwrap { position: fixed; bottom: 0; }</code></pre> <p>I would suggest having a smaller footer area than the demo though or most of the page will be the footer! </p> http://www.kriesi.at/support/topic/100-height-layout#post-529 Fri, 23 Jul 2010 13:23:58 +0000 n141 529@http://www.kriesi.at/support/ <p>Hi,</p> <p>I'd like to know if this is possible to have a 100% height layout using css.<br /> I'd like to have the footer fixed at the bottom of the page (screen) when there's not enough content in a post/page.</p> <p>I tried :</p> <p>html, body {<br /> height: 100%;<br /> margin: 0;<br /> }</p> <p>#global {<br /> min-height:100%;<br /> }</p> <p>where div#global is placed like this in header.php and footer.php</p> <p>header.php<br /> ----------------<br /> &lt;body id='top' &lt;?php body_class($k_body_class);?&gt;&gt;<br /> &lt;div id="global"&gt;<br /> ....</p> <p>footer.php<br /> ----------------<br /> ...<br /> &lt;/div&gt; &lt;!-- GLOBAL DIV --&gt;<br /> &lt;/body&gt;</p> <p>But it doesn't really seem to work and I can't figure how to do that...</p> <p>Is there a way to do this ?</p> <p>Best regards</p> <p>PS: thank you for this amazing theme ! </p>