WordPress.org

Forums

Frustrating Firefox CSS issue (11 posts)

  1. asyouare405
    Member
    Posted 7 years ago #

    http://www.hdanforth.com/DanforthWithAH/

    I can't for the life of me figure out why there is a gap between the header and the body. Its an issue in Firefox, but not IE. Can anybody give me a hand?

    Thanks for the help,

    dan

  2. nicjohnson
    Member
    Posted 7 years ago #

    Put this rule on the #main declaration:

    margin-top: -10px;

  3. asyouare405
    Member
    Posted 7 years ago #

    Thanks for the help.

    This fixed the issue in Firefox 2.0, but now it looks a bit messed up in IE6 (IE7 all you can see is a slight darkened mark where it overlaps). Should i be concerned that my site doesn't totally work with a [recently] outdated browser?

    Thanks for all the help, and so quick too!

    -Dan

  4. crocous
    Member
    Posted 7 years ago #

    change in #headerimg
    height: 220px;
    to
    height: 212px;

  5. asyouare405
    Member
    Posted 7 years ago #

    Didn't do it.

    Moved everything up in firefox, but not IE6

    thanks again,

    Dan

  6. crocous
    Member
    Posted 7 years ago #

    please delete #main declaration:
    margin-top: -10px;

  7. crocous
    Member
    Posted 7 years ago #

    delete padding-bottom: 17.75px;
    form
    headerimg h1, #headerimg .description
    and let me know.

  8. crocous
    Member
    Posted 7 years ago #

    from not form :)

  9. asyouare405
    Member
    Posted 7 years ago #

    Seems to have fixed it.

    Thanks,

    Dan

  10. asyouare405
    Member
    Posted 7 years ago #

    Hi again,

    I did some more editing and it all looks good in Firefox, but not in IE (now even in IE6). What am I doing wrong that i keep getting different results in different browsers?

    Thanks for the help, this is the first time I've really tried to edit a template to my own needs.

    My site is http://www.hdanforth.com/DanforthWithAH/ The sidebar is over to the left past the header and should be down at the same place as the post (as they are in firefox).

    -Dan

  11. Pathanos
    Member
    Posted 7 years ago #

    Dan, if you're have a lot of trouble try using a separate stylesheet for Internet Explorer. Its easier to make tweaks on IE once you've finished your layout in Firefox.

    http://www.quirksmode.org/css/condcom.html

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.