View Full Version : CSS & Page Size / Footer Help

08-01-2007, 03:01 AM
Hi everyone,

I am new to the forum, but this problem has been with me for a little bit. I have a personal page which has one major flaw (at least) that bugs the crap out of me. The page looks fine at 1024 by 768 resolution, but anything bigger creates a huge blank blue (background color of page) area at the bottom of my page.

The main issue I believe is that I have created a footer that is a fixed distance from the header to get my design. I know my design isn't practical by any means (a bunch of floating divs with nothing in the middle) but I was just trying to get something cool. I don't know if anything is possible with the way I have set it up to remedy this problem, but maybe someone has a thinking outside the box idea. Another thought is that the fixed center background image can be a big source of the problem. Any ideas? Thanks.

The site is: www.andrewgross.us

The relevant code is:
body{background: #336395 url(../i/background.jpg) fixed center no-repeat;}

/* ---------- Structure Divs --------------- */

#header {
background: #000;
#contentright {
width: 290px;
margin: 0;
padding:110px 10px 10px 20px;
opacity: 0.95;
border-left: 1px #000 solid;
border-right: 1px #000 solid;
background: #fff url(../i/rcb.jpg) no-repeat;

#contentleft {
width: 270px;
margin: 0;
padding:75px 20px 10px 30px;
opacity: 0.95;
border-left: 1px #000 solid;
background: #336395 url(../i/lcb2.png) no-repeat;

padding:5px 20px 0 0;

08-01-2007, 09:15 AM
If what I think you're wanting is right then this should sort it:

html {
background-color: #000000;

08-01-2007, 08:23 PM
Wow, that was so simple. Thanks.... that was what I was looking for...seems so obvious now but I never mentally zoomed out past the body tag. Thanks again.

EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum