views:

97

answers:

2

My website has the typical container that is centered in the middle (very similar to Digg's V4 website actually @ http://digg.com). The problem I'm having is that when resizing the window smaller than the container's width, anything with a background in the container appears to be cut off according to the window's width. Digg's website actually has the same problem as mine too. To illustrate, I've posted screenshots describing the issue. The first screenshot has the window resized smaller than Digg's container width (notice the horizontal scrollbar at the bottom).

Window has been resized smaller than Digg's container width

Now the second screenshot shows what happens when we scroll to the right. Notice that anything within the container with a background has been cut off!

The backgrounds have been cut off

To reproduce this, just go to Digg's website http://digg.com and resize the browser window to around 600px and scroll to the right. Is this a fairly common problem with a fairly common solution? I tested this using Firefox 3. Appreciate any advice on how to fix this problem--thanks for your time :)

A: 

Set min-width on the problem div.

Complainingest
Thanks, that fixed it :)
Axsuul
A: 

Unless someone points out the W3C spec justifying this behavior, I believe this is a common browser bug.

Olivier Lalonde