Jump to content


Background Problem


11 replies to this topic

#1 Milque

    Young Padawan

  • Members
  • Pip
  • 24 posts

Posted 16 September 2006 - 09:22 AM

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. :D 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.

#2 Davey

    P2L Jedi

  • Members
  • PipPipPip
  • 620 posts
  • Location:Perth, Scotland
  • Interests:Creativity, Adrenaline, Etc

Posted 16 September 2006 - 09:25 AM

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

#3 Milque

    Young Padawan

  • Members
  • Pip
  • 24 posts

Posted 16 September 2006 - 09:33 AM

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

#4 Davey

    P2L Jedi

  • Members
  • PipPipPip
  • 620 posts
  • Location:Perth, Scotland
  • Interests:Creativity, Adrenaline, Etc

Posted 16 September 2006 - 09:41 AM

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


Posted Image

#5 Milque

    Young Padawan

  • Members
  • Pip
  • 24 posts

Posted 16 September 2006 - 10:04 AM

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?

#6 Davey

    P2L Jedi

  • Members
  • PipPipPip
  • 620 posts
  • Location:Perth, Scotland
  • Interests:Creativity, Adrenaline, Etc

Posted 16 September 2006 - 10:10 AM

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

#7 Milque

    Young Padawan

  • Members
  • Pip
  • 24 posts

Posted 16 September 2006 - 10:32 AM

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

Anybody else out there able to help?

#8 xis

    Young Padawan

  • Members
  • Pip
  • 191 posts
  • Gender:Male
  • Location:Los Angeles, Ca.

Posted 16 September 2006 - 10:34 AM

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.


#9 Milque

    Young Padawan

  • Members
  • Pip
  • 24 posts

Posted 16 September 2006 - 10:58 AM

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?

#10 xis

    Young Padawan

  • Members
  • Pip
  • 191 posts
  • Gender:Male
  • Location:Los Angeles, Ca.

Posted 16 September 2006 - 11:37 AM

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.

#11 Milque

    Young Padawan

  • Members
  • Pip
  • 24 posts

Posted 16 September 2006 - 12:19 PM

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... :D

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

#12 xis

    Young Padawan

  • Members
  • Pip
  • 191 posts
  • Gender:Male
  • Location:Los Angeles, Ca.

Posted 16 September 2006 - 12:20 PM

View PostMilque, 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... :D

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

Glad it worked it for you. Nice layout btw.





1 user(s) are reading this topic

0 members, 1 guests, 0 anonymous users