Help with CSS

Discussion in 'HTML' started by somebody, Jan 9, 2004.

  1. somebody

    somebody Guest

    http://www.hostforge.net/~bjg/simple/

    There are two things wrong in this layout i just made, and i don't know why.

    1) Why is there a grey area / space under the #navbar? I don't see why it is
    there.

    2) Why when i use left or right padding for the links it pushes the #navbar
    outside the #wrapper?

    Please help.

    Regards
     
    somebody, Jan 9, 2004
    #1
    1. Advertising

  2. In article somebody wrote:
    > http://www.hostforge.net/~bjg/simple/
    >
    > There are two things wrong in this layout i just made, and i don't know why.
    >
    > 1) Why is there a grey area / space under the #navbar? I don't see why it is
    > there.


    Collapsing margins. You can cure this by having
    h5 {margin-top:0;}
    or
    #content {padding-top:1px;}
    etc.

    Anyway, you are using wrong html here. H5 is not correct heading here,
    you should use h1 or h2, depending on how you mark up the heading image.

    > 2) Why when i use left or right padding for the links it pushes the #navbar
    > outside the #wrapper?


    Because you don't know how CSS box model works. Term 'width' means
    content width in css. Delete all width rules from your css to cure.


    --
    Lauri Raittila <http://www.iki.fi/lr> <http://www.iki.fi/zwak/fonts>
    Saapi lähettää meiliä, jos aihe ei liity ryhmään, tai on yksityinen
    tjsp., mutta älä lähetä samaa viestiä meilitse ja ryhmään.
     
    Lauri Raittila, Jan 9, 2004
    #2
    1. Advertising

  3. somebody

    somebody Guest

    Thanks.

    "Lauri Raittila" <> wrote in message
    news:...
    > In article somebody wrote:
    > > http://www.hostforge.net/~bjg/simple/
    > >
    > > There are two things wrong in this layout i just made, and i don't know

    why.
    > >
    > > 1) Why is there a grey area / space under the #navbar? I don't see why

    it is
    > > there.

    >
    > Collapsing margins. You can cure this by having
    > h5 {margin-top:0;}
    > or
    > #content {padding-top:1px;}
    > etc.
    >
    > Anyway, you are using wrong html here. H5 is not correct heading here,
    > you should use h1 or h2, depending on how you mark up the heading image.
    >
    > > 2) Why when i use left or right padding for the links it pushes the

    #navbar
    > > outside the #wrapper?

    >
    > Because you don't know how CSS box model works. Term 'width' means
    > content width in css. Delete all width rules from your css to cure.
    >
    >
    > --
    > Lauri Raittila <http://www.iki.fi/lr> <http://www.iki.fi/zwak/fonts>
    > Saapi lähettää meiliä, jos aihe ei liity ryhmään, tai on yksityinen
    > tjsp., mutta älä lähetä samaa viestiä meilitse ja ryhmään.
    >
     
    somebody, Jan 10, 2004
    #3
    1. Advertising

Want to reply to this thread or ask your own question?

It takes just 2 minutes to sign up (and it's free!). Just click the sign up button to choose a username and then you can ask your own questions on the forum.
Similar Threads
  1. Eric
    Replies:
    4
    Views:
    734
    clintonG
    Dec 24, 2004
  2. tom watson

    print.css and screen.css

    tom watson, Sep 9, 2003, in forum: HTML
    Replies:
    1
    Views:
    472
    Jukka K. Korpela
    Sep 9, 2003
  3. Joshua Beall
    Replies:
    1
    Views:
    439
    Bertilo Wennergren
    Dec 10, 2003
  4. Nick Wouters
    Replies:
    5
    Views:
    4,643
    Flinky Wisty Pomm
    May 8, 2006
  5. AF
    Replies:
    17
    Views:
    603
    Nije Nego
    Aug 9, 2006
Loading...

Share This Page