[resolved] Removing padding/margin from I.E (3 posts)

  1. Broomy
    Posted 9 years ago #

    At my site http://www.wahow.org there is my header area which changes to the category when viewing any post. In firefox this changes with no problems, however in I.E a white space appears below the header. For instance take a look at http://www.wahow.org/business-finance/how-to-build-an-adsense-empire/57/.

    I know it's the H1 tag that is causing this because it doesn't happen if I remove it. The CSS is as follows:

    #header h1{
    font-size: 60px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 100;
    margin: 0;
    text-decoration: none;
    padding: 55px 0 0 80px;

    Is there any alterations I can make so that it does not produce a white space below the header in I.E?

    Thanks for any help.

  2. yosemite
    Posted 9 years ago #

    You might want to take a look at conditional comments to call up an IE-specific stylesheet: WordPress Troubleshooting: My blog looks horrible in IE!

  3. Broomy
    Posted 9 years ago #

    I thought that might be the case, i'll take a look and see if I can figure out the correct css conditional comment for I.E.

    Thanks for helping.

Topic Closed

This topic has been closed to new replies.

About this Topic