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 2 of 2

Thread: Weird space

  1. #1
    New Coder
    Join Date
    May 2010
    Posts
    10
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Weird space

    Take a look at this: http://frogle.webuda.com/beta/
    There's this weird space on the sides and on top of the header :/


    Code:
    <body>
    <div id="header">
    <div id="logo">
    </div>
    </div>
    Code:
    #header {
    background-image:url('imgs/header.png');
    background-repeat:repeat-x;
    height:125px;
    aling:top;
    margin:0px;
    paddign:0px;
    }
    #logo {
    background-image:url('imgs/logo.png');
    background-repeat:no-repeat;
    width:193px;
    height:54px;
    margin:35px;
    }
    How can I get rid of the spaces?
    Any help would be appreciated

  • #2
    Senior Coder
    Join Date
    Feb 2009
    Location
    Ilkley, West Yorkshire, UK
    Posts
    2,955
    Thanks
    9
    Thanked 726 Times in 720 Posts
    The top margin is coming from the 35px margin on #logo, and the left hand margin from the default margin on body - 8px in FF3.6 - remove this by setting all your padding and margins to 0 at the top of your css via:

    Code:
    *{margin:0;padding:0}
    Try firebug for this sort of thing.


  •  

    Posting Permissions

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