Top Gap Bug With Content - No Margin - No Padding?

Discussion in 'CSS' started by Quozt, May 31, 2007.

0
  1. #1
    http://www.mtgcast.com/dom/

    on FF all my content is shifted down the page about 30-40px, it works fine in other browsers, where am I going wrong?

    thanks a lot

    Dom
     
    Quozt, May 31, 2007 IP
  2. Katy

    Katy Moderator Staff

    Messages:
    3,490
    Likes Received:
    513
    Best Answers:
    7
    Trophy Points:
    355
    #2
    Try removing the pixels value from the body. 0's shouldn't have any values.
     
    Katy, May 31, 2007 IP
  3. kk5st

    kk5st Prominent Member

    Messages:
    3,497
    Likes Received:
    376
    Best Answers:
    29
    Trophy Points:
    335
    #3
    That's due to the default h2 margin. Do this: 
    
#header-bar h2 {
  margin-top: 0;
  }
    Code (markup):
    cheers,

    gary
     
    kk5st, May 31, 2007 IP
  4. Dan Schulz

    Dan Schulz Peon

    Messages:
    6,032
    Likes Received:
    436
    Best Answers:
    0
    Trophy Points:
    0
    #4
    Katy, it's perfectly acceptable to have unit values when using 0. It's mainly used as a programmer's reference (such as 0px or 0em) to remind them what type of unit they would otherwise use. It won't affect the parsing of the stylesheet in any manner whatsoever. :)
     
    Dan Schulz, May 31, 2007 IP
  5. Quozt

    Quozt Peon

    Messages:
    216
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    0
    #5
    thanks gary, now i just have to work out a nice way of formatting the bottom colums so they look even
     
    Quozt, May 31, 2007 IP