Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home › Forums › CSS › Firefox h1 margin issue

  • This topic is empty.
Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • August 19, 2011 at 3:25 pm #33982
    bmann11
    Member

    Only in firefox, I have a random top margin of about 10 px. Works fine in safari/chrome/opera. Is there a way around this? Thanks.

    http://www.britepath.org

    August 19, 2011 at 3:54 pm #85272
    TheDoc
    Member

    They look exactly the same to me.

    If it’s anything at all, it’ll be the font simply being rendered differently by different browsers.

    August 19, 2011 at 4:10 pm #85273
    bmann11
    Member

    Wow. On my mac the main h1 is about 10 px lower than the top of the image in firefox. Hard to imagine that’s font rendering because the paragraphs are pushed down proportionately below the image. Are you on windows by any chance?

    August 19, 2011 at 4:23 pm #85274
    TheDoc
    Member

    I am indeed! Same on Chrome, IE8 and FF6.

    August 19, 2011 at 4:36 pm #85275
    bmann11
    Member

    That’s good to know. I haven’t gotten to testing on Windows yet. Thanks.

    August 19, 2011 at 5:33 pm #85277
    wolfcry911
    Participant
    #alien h1 {
    
line-height: 84px;
    
}

    will set firefox to that of webkit

    August 22, 2011 at 12:21 pm #85401
    bmann11
    Member

    Fantastic Worked like a charm. Thanks for your help.

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The forum ‘CSS’ is closed to new topics and replies.