View Full Version : Page fills the wideangle monitor when it shouldn't.

10-26-2009, 04:10 PM
I am trying to make sense of my site sizewise. I have my monitor set to its recommended size of 1680x1050 and the desktop background is black. My index screen size is as far as I can verify set for 1024x768, which is what I designed it for.:D

However, when I view the page (http://www.exitfegs.co.uk) it fills the monitor screen with white background when as far as I can see,it should leave 660 pixels width of black from the desktop.:confused:

Can someone confirm/cure this for me. I am at a loss as what to do next. I have tried a program called "sizer", but it doesn't seem to do anything noticable.:confused:


10-26-2009, 04:21 PM
Good morning Frank,
When I resize the viewport with the FireFox utility that comes with the web developer toolbar to 1024x768 I get both vertical and horizontal scrollbars.

Not sure this has much to do with it but you don't have the floats in #wrap cleared yet. Try adding a background color to get a visual of what's happening with it -

margin: auto;
width: 1024px;
background: #f00; /*for demonstration only*/
overflow: auto;/*this clears the floats*/

10-26-2009, 04:56 PM
Thanks Excavator.

This screenshot (http://exitfegs.co.uk/SH11.jpg)is what I get applying that.


10-26-2009, 05:24 PM
Yes, the red background is just showing that your #wrap is actually wrapping your content.
Try leaving the background color and removing the overflow:auto; - that will show you what #wrap is wrapping when you don't clear your floats.

Still doesn't help with your original question though.

10-26-2009, 07:08 PM

This is the latest screenshot.