Small CSS div height problem

They have: 5,633 posts

Joined: Jan 1970

I'm making a kinda blog site for myself at the moment, I started with a table based layout but someone reccomended I use CSS-P.
After alot of fiddling around I've managed to work it out, this is what I have so far:
http://www.hamsterscantfly.co.uk/new/home.php
As you can probably tell, i want it to fit exactly on the screen but for some reason, it's a bit higher.
My CSS file is at http://www.hamsterscantfly.co.uk/new/style.css
Help would be greatly appreciated Smiling
Thanks
Tom

The Webmistress's picture

She has: 5,586 posts

Joined: Feb 2001

I would say that it is because there are still appear to be margins top & bottom of the page.

Suzanne's picture

She has: 5,507 posts

Joined: Feb 2000

body, html {
margin: 0;
background-color: #FFFFFF;
background-image: url(images/bck.jpg);
background-attachment: inherit;
scrollbar-face-color:#fff;
scrollbar-arrow-color:#000080;
scrollbar-track-color:#fff;
scrollbar-shadow-color:#ccc;
scrollbar-highlight-color:whitesmoke;
scrollbar-3dlight-color:whitesmoke;
scrollbar-darkshadow-Color:whitesmoke;
text-align: center;
height: 100%;
margin-bottom: 15px;
margin-top: 15px;
}

You need to remove the red bits.

Also, you don't need unit measures for zero values. Zero is just zero is just zero in the CSS.

Want to join the discussion? Create an account or log in if you already have one. Joining is fast, free and painless! We’ll even whisk you back here when you’ve finished.