Printable View
Well, I'm coding a layout for somebody. It's basically done, except for one thing.
I want it so the content box stays attached to the bottom and top. I tried bottom: 0px; but that didn't work, it just moved the content down to the bottom.
Here is the CSS for it, if anybody could edit it, it'd mean a lot. +rep too.
HTML Code:#content {
background-image: url(images/content.gif);
width: 630px;
margin-left: 20%;
margin-right: 20%;
}
Erm.. i think you need,
If you put it in with the css for content box it will just move it, it has to be the page margin not the Div's marginsCode:
body {
margin-top: 0px;
margin-bottom: 0px;
}
No, that doesn't work.
I want it so the content box, no matter how little content, the bottom sticks to the bottom of the page, and the top sticks to the top of the page.
Quote:
Originally Posted by loserWILL
??Code:#content {
background-image: url(images/content.gif);
width: 630px;
height: 100%;
margin-left: 20%;
margin-right: 20%;
}
That's my original code..?Quote:
Originally Posted by Ini
margin: 0 0 0 0px;
height: 100%
bing bong bang.
He had, "height: 100%;".Quote:
Originally Posted by loserWILL
I added height in save you writing it lolQuote:
Originally Posted by loserWILL
Should of said lol
My method doesn't work in IE as it's rubbish.
If you want it, I'll post it. *Text Removed*
Edited by opensourcehost (Forum Super Moderator): Please do not accuse/name others of ripping.
If you could post it, that'd be great.Quote:
Originally Posted by Invent
Also, the content box is under a header, and when I put height: 100%; it makes the content stretch up past the header.
Actually, I'm thinking you want this as you're coding the layout that was basically copied from my layout.
Nevermind ;)
P.S: Yes I'm mean and pathetic ^_^
I haven't copied anything from you.Quote:
Originally Posted by Invent
I'm actually coding a layout for Blazz. Does anybody know the CSS to do this?