WordPress.org

Ready to get started?Download WordPress

Forums

Weird CSS issues in IE.. Please help.. (4 posts)

  1. Truth
    Member
    Posted 8 years ago #

    Right, I use the same style sheet for both, but in IE, it looks kind of ugly with very pixely text. And this only happens with the h2 tag I use in the ajax comments, in other areas, it looks just fine.

    http://liberta.espoireve.com/shared/01.gif

    my h2 css is

    h2
    {
    letter-spacing: 2px;
    font-weight: bold;
    font-size: 8pt;
    color: #D76500;
    text-transform: uppercase;
    background: url(images/h2.gif) no-repeat;
    padding-left: 40px;
    clear: both;
    }

    .commentreply
    {
    margin: 0 50px 0 50px;
    }

    and I use this to link

    <h2 class="commentreply"><a href="<?php comments_link(); ?>">Leave a comment</a></h2>

    Any idea why and how to fix it?

    By the way, can anyone tell me if there is a loading image for the "show comments" in IE, the image doesn't appear in my IE but it does in FF.

    Thanks :) all help appreciated

  2. slambert
    Member
    Posted 8 years ago #

    I think it's because the font is so small. Every browser I have used does that to text when you get it somewhere less than around 10px height.

    By the way, this is a very unofficial answer based on my own hunch.

  3. Truth
    Member
    Posted 8 years ago #

    Hmmm.. I tried increasing the font size but it's still the same problem. The other links with the same h2 tags are fine, just the link at the comments. :(

    Any more suggestions?

    Thanks btw

  4. Truth
    Member
    Posted 8 years ago #

    I fixed it!! =D

    I added a background color to the h2 and it's back to normal. :)

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.