11 replies to this topic

[Milque]

Hello there. I guess this is a simple problem, but I can't seem to solve it. I'm coding a fairly simple DIV layout but what bugs me is that the "container" background does not go all the way down the screen with the content. The background works in Internet Explorer, but in Firefox it stops midway. Please tell me what I'm doing wrong. I have already included height: 100% to the DIV, but the problem persists.

Here's a link to the page: TEST PAGE
Here's to the CSS: STYLESHEET

Please and thank you.

[Davey]

i've looked in both ie and ff and cant see the problem :-s

[Milque]

Scroll down a bit. You'll see that the white background ends long before it reach the footer...

[Davey]

screenshot of firefox.... the white meets the footer for me unless i'm missing something :-s

[Milque]

I see now what you mean. I just changed my screen resolution to 1280x1204 and it all look fine. But here's a screen shot of the site when the screen resolution is 1024x768:
[img=http://img118.imageshack.us/img118/39/scrnshottn9.th.gif]

This is weird. Why do you think this is happening?

[Davey]

hmm strange, i've no idea tbh... .sorry

[Milque]

Aww, that's too bad. Thanks all the same, Davey

Anybody else out there able to help?

[xis]

I see it fine in both browsers as well. What version of FF are you running?

Edited by xis, 16 September 2006 - 10:35 AM.

[Milque]

I'm using Firefox 1.5... It turns out that the problem occurs when I use screen resolution 1024x768 or 800x600. You're probably using a higher resolution, which is why it looks fine. That's the problem, the background breaks at some resolutions... Would you have any idea why?

[xis]

Just quickly looking at the code the best I've come up with so far is as follows

Edit your stylesheet:

.post {
padding:0 0 15px 25px;
background-color:#FFFFFF;
}

Just wanted to post that really quick as I look to see how that space on the right can be fixed as well.

[Milque]

Yay, I found a solution. A simple mistake of mine. I shouldn't have put height:100% to #page and #content. Took them away, and it works...

Thanks all the same, xis and Davey, for trying to help Greatly appreciate it.

[xis]

Milque, on Sep 16 2006, 10:19 AM, said:

Yay, I found a solution. A simple mistake of mine. I shouldn't have put height:100% to #page and #content. Took them away, and it works...

Thanks all the same, xis and Davey, for trying to help Greatly appreciate it.

Glad it worked it for you. Nice layout btw.