CSS help
I'm stumped. I'm trying to make the chessboard looking background, which is the #page div, reach all the way to the bottom of the page. Other than just giving it a ridiculously large height value, I can't figure out how to do it. I'd like it to reach to the bottom of the content, but not way below it or anything. Any ideas?
Posted by Flick (Grandmaster) on Saturday, June 16, 2007 08:05AM
- 9 comments
(link)
/
Keywords:
css
Login to post a comment.
#9 Evi of au:
You should take a wack at BPAS's new stylesheet. This is so shmexy.
Tuesday, June 19, 2007 01:34AM
#8 Flick:
I think that about got it. Thanks a lot :)
*EDIT* Oops. Not quite. The single blog post pages still don't quite look right.
Saturday, June 16, 2007 11:33AM
#7 Flick:
Thats a start, thanks :)
Saturday, June 16, 2007 10:56AM
#6 DarkCampainger:
This works for the comment's page:
#page, #comments_page, #fan_page, #forum_page, #guild_member_page, #guilds_page {
position: relative;
top: 4px;
left: 0px;
width: 800px;
background: transparent url(http://members.byond.com/BoardGameBazaar/files/bg.png);
min-height: 300px;
height: 100%;
border: outset 6px #444444;
padding: 0px;
margin: 0px auto;
}
.content {
height: 100%;
}
.page {
top: auto;
left: auto;
right: auto;
bottom: auto;
width: 800px;
height: auto;
margin-top: 60px;
margin-left: auto;
margin-right: auto;
background: transparent url(http://members.byond.com/BoardGameBazaar/files/bg.png);
border: outset 6px #444444;
padding: 0px;
}
.comments {display: inline;position: static;}
.comment {width: 340px;}
It seems like it won't fill in because its child elements are being broken out of the sequence, and don't relate their height back to it. You'll have to figure it out for the other pages (see bold for how to fix it)
And you'll have to do something about the Add a comment box...
I think it's about time I ate breakfast..
*Edit*
You're supposed to remove the striked-out part >.>
Saturday, June 16, 2007 10:39AM
(Edited on Saturday, June 16, 2007 10:54AM)
#5 Flick:
Doesn't work, I've tried.
Saturday, June 16, 2007 09:53AM
#4 Tiberath:
Flick wrote:
> Well, I won't know the size of the page, and if I make it the body, I'll have to set the whole page up to resize or I don't think I can get it centered. I may just have to do that.
height: 100%;
Saturday, June 16, 2007 09:52AM
#3 Flick:
Well, I won't know the size of the page, and if I make it the body, I'll have to set the whole page up to resize or I don't think I can get it centered. I may just have to do that.
Saturday, June 16, 2007 09:44AM
#2 Tiberath:
You could make it the body background instead?
Saturday, June 16, 2007 08:22AM
#1 Mikau:
You could just make it the size of the page, and give it a fixed attachment.
Saturday, June 16, 2007 08:20AM