Browser window resize problem

HTML & CSS
1

Hello,

I am almost finished with my site: www.FishList.com

The only thing I cannot get right is the resizing of a browser window while viewing the website.

If you make the browser window small enough that the horizontal scroll bar appears and scroll to the right, you will see white space. This is what I would like to fix.

Please look at what is happening both on the homepage and any other page on the website (only two different layouts).

Bonus Question: When viewing the website on an iPhone a white margin appears on the right side of the screen on the homepage only. Is this related to the above problem or something different?

Any feedback on the site is also appreciated!

Thanks!

-Eric

2

Hi,

That’s just the way browsers work. Anything you have to horizontal scroll to is bigger than 100% and therefore any 100% wide elements don’t go that far. 100% width is only as wide as the viewport and does not stretch outside it.

You would need to set a min-width on those elements so that that they match the widest element on your page.

e.g.


.intro-wrapper,
.user-fishlist {
[B]min-width:1140px;[/B]


}

You’d have to do the same for any others if needed. Note that ie6 doesn’t support min-width though