Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 5 of 5
  1. #1
    Senior Coder effpeetee's Avatar
    Join Date
    Feb 2007
    Location
    Clapham Junction - London SW
    Posts
    4,885
    Thanks
    228
    Thanked 204 Times in 203 Posts

    Exclamation Page fills the wideangle monitor when it shouldn't.

    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.

    However, when I view the page 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.

    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.

    Frank
    Last edited by effpeetee; 10-26-2009 at 09:56 PM.
    * Sources (updated: 21.11.2012.
    Using Windows 8 Professional. 64bit with HP Photosmart 5510 printer Very useful site here.

  • #2
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,667
    Thanks
    22
    Thanked 1,827 Times in 1,811 Posts
    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 -
    Code:
    #wrap{
      margin: auto;
      width: 1024px;
    background: #f00; /*for demonstration only*/
    overflow: auto;/*this clears the floats*/
      }
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad

  • #3
    Senior Coder effpeetee's Avatar
    Join Date
    Feb 2007
    Location
    Clapham Junction - London SW
    Posts
    4,885
    Thanks
    228
    Thanked 204 Times in 203 Posts
    Thanks Excavator.

    This screenshot is what I get applying that.

    Frank
    Last edited by effpeetee; 10-26-2009 at 03:59 PM.
    * Sources (updated: 21.11.2012.
    Using Windows 8 Professional. 64bit with HP Photosmart 5510 printer Very useful site here.

  • #4
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,667
    Thanks
    22
    Thanked 1,827 Times in 1,811 Posts
    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.
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad

  • #5
    Senior Coder effpeetee's Avatar
    Join Date
    Feb 2007
    Location
    Clapham Junction - London SW
    Posts
    4,885
    Thanks
    228
    Thanked 204 Times in 203 Posts
    Excavator.

    This is the latest screenshot.


    Frank
    * Sources (updated: 21.11.2012.
    Using Windows 8 Professional. 64bit with HP Photosmart 5510 printer Very useful site here.


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •