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
  • #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

    #85272
    TheDoc
    Moderator

    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.

    #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?

    #85274
    TheDoc
    Moderator

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

    #85275
    bmann11
    Member

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

    #85277
    wolfcry911
    Participant
    #alien h1 {
    line-height: 84px;
    }

    will set firefox to that of webkit

    #85401
    bmann11
    Member

    Fantastic Worked like a charm. Thanks for your help.

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