demonhale — Sat, 10 Sep 2005 15:24:31 +0000

thats why I told you it was just a quick fix... I usually do not use float tags... But I still pointed out that you have contained a floating element inside your container thats why you had that problem...

I guess I was thinking youll be using different page lengths and want complete control of it... Yes defenitely an overflow:auto; would work in this case...

vibins — Sat, 10 Sep 2005 15:22:04 +0000

here is the article about it http://www.quirksmode.org/css/clearing.html

vibins — Sat, 10 Sep 2005 13:36:01 +0000

deamonhale your suggestion did fix it but then i had to manuly enter the hight of each page. I did some research on this and found somthing out if you have a floated div within a container and the container wont surround your floated div all you have to do is add overflow: auto to the container and it works.

just incase anyone else comes upon this problem

vibins — Fri, 09 Sep 2005 18:24:39 +0000

Thanks demonhale that fixed it right up.

Roo — Fri, 09 Sep 2005 04:45:44 +0000

Try validating your code:
Your code errors

Also try quote marks like this:

#container {
background: url('bg.jpg');
margin: 0 auto;
width: 720px;
}

demonhale — Fri, 09 Sep 2005 01:29:23 +0000

the problem here is that you floated the div.content-container and div.banner-container which holds inside their div class your texts... wherein the both of them is handled inside a div id #container... The quick fix I could think of is this...

Quote:
#container {
background: url(bg.jpg);
margin: 0 auto;
width: 720px;
height:1500px;
}

but if I were you you should delete the float and absolute position your navigation so that the Background in the container stretches as your content increases... depends on you...

SearchBliss — Thu, 08 Sep 2005 22:14:41 +0000

I use IE, but you may want to try this:
#container {
background-image: url(bg.jpg);
margin: 0 auto;
width: 720px;
}

and see if that works. Just a guess.