krow 0 Posted August 29, 2012 Report Share Posted August 29, 2012 Hello, I'm having a problem with the page I'm designing. On the bottom of my page, after the footer I want only about 15px of spacing, I don't know how to set the full height of my page. I tried setting the size of the wrapper but I still have some room on the bottom which I don't want. When I open the browsers I see around 150px with nothing in it. I also tried setting the height in html, body{} but no success. What am I doing wrong? thank you. Quote Link to post Share on other sites
smiles 7 Posted August 30, 2012 Report Share Posted August 30, 2012 Something like this ? <html><head><style type='text/css'> html, body {height: 100%; margin: 0} #content {width: 100%; height: 100%;} #top {position: absolute; top: 0px; bottom: 115px; width: 100%; background-color: pink;} #bottom {position: absolute; bottom: 15px; height: 100px; width: 100%; background-color: green;}</style></head><body><div id='content'> <div id='top'>blah</div> <div id='bottom'>blah</div></div></body></html> 1 Quote Link to post Share on other sites
krow 0 Posted August 30, 2012 Author Report Share Posted August 30, 2012 (edited) Something like this ? <html><head><style type='text/css'> html, body {height: 100%; margin: 0} #content {width: 100%; height: 100%;} #top {position: absolute; top: 0px; bottom: 115px; width: 100%; background-color: pink;} #bottom {position: absolute; bottom: 15px; height: 100px; width: 100%; background-color: green;}</style></head><body><div id='content'> <div id='top'>blah</div> <div id='bottom'>blah</div></div></body></html> Yes Smiles, thanks. Now based on your example I have to check what's wrong with my code and change it ;-) Edited August 30, 2012 by krow Quote Link to post Share on other sites
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.