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 4 of 4
  1. #1
    New Coder
    Join Date
    Jan 2010
    Posts
    16
    Thanks
    4
    Thanked 0 Times in 0 Posts

    Full Screen Width with CSS

    I am using divs to layout my page, one 20% and one 80% across. However, the 80% doesn't cover the whole screen and there are about 20pixels of whitespace on the right. How do I get the divs to cover the whole screen?

    Thank You

    [CODE]
    #desc {width: 20%;float: left; margin-top: 0px; position: absolute; top: 0px; left: 0px; }
    #headline {width: 80%; float: right; margin-left: 0px; margin-top: 0px;}
    [CODE]

  • #2
    Senior Coder alykins's Avatar
    Join Date
    Apr 2011
    Posts
    1,755
    Thanks
    41
    Thanked 191 Times in 190 Posts
    in CSS

    * {margin:0px; padding:0px;}

    to remove bowser settings

    I code C hash-tag .Net
    Reference: W3C W3CWiki .Net Lib
    Validate: html CSS
    Debug: Chrome FireFox IE

  • #3
    New Coder
    Join Date
    Jan 2010
    Posts
    16
    Thanks
    4
    Thanked 0 Times in 0 Posts

    Partly Solved

    This gets rid of about half the whitespace on the right but there are still about 10 more pixels. Any other ideas? Thank You

  • #4
    New Coder
    Join Date
    Sep 2010
    Location
    The Twilight Zone
    Posts
    86
    Thanks
    17
    Thanked 2 Times in 2 Posts
    #headline {width: 80%; float: right; margin-left: 0px; margin-top: 0px; padding:0px;}


  •  

    Tags for this Thread

    Posting Permissions

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