CSS/HTML Site Help

[vincimus]

I've designed a site for Bay Magazine. However, I am having some issues with the repeating background.

The problem is not present on the home page: http://baymagazine.org/

The site takes a while to load

However, the problem appears when there is content, when the window is resized smaller to a certain size, the browser thinks there is more content on the right and fills it in with black, when the window is expanded the black column disappears. It's a bit hard to describe, you might see the problem if you play with the site yourself. http://baymagazine.org/about.html

Style sheet is located at http://baymagazine.org/style.css

If anyone can identify the problem, please let me know! Thanks!

(The problem appears in both Firefox and Safari, and both mac and pc)

[sweetsam]

I see what you are referring to. What happens if you give a min-width to html ? The value would be the width of the container.

[nvme]

the div with a class of wrapper is the one doing it. you have a width set to 100% and a padding of 150px. this means it's overall width will be 100% of the parent plus 150px. if you remove the width of 100% from .wrapper the page looks the same and stops the page from expanding too far.

[vincimus]

the div with a class of wrapper is the one doing it. you have a width set to 100% and a padding of 150px. this means it's overall width will be 100% of the parent plus 150px. if you remove the width of 100% from .wrapper the page looks the same and stops the page from expanding too far.

nvme! Thank you so much! That did the trick! ( You take paypal donations? )

This thread can be closed now.