Jump to content
Sign in to follow this  
krow

Full height of a page

Recommended Posts

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.

Share this post


Link to post
Share on other sites

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>

  • Like 1

Share this post


Link to post
Share on other sites
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 by krow

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
Sign in to follow this  

×
×
  • Create New...