Grow your CSS skills. Land your dream job.

IE6 Problem: h2 class not holding background

  • # June 5, 2009 at 12:55 pm

    Hello,

    I have a problem that is only showing up in IE6. The h2 proposal class is not retaining the top rounded corner background in the right sidebar.

    Here is my CSS:

    h2.proposal {
    font-family: Arial, Helvetica, sans-serif;
    color: #81A99F;
    padding-top: 18px;
    padding-bottom: 4px;
    text-align: left;
    background: url(assets/sidebar_roundedcorners_248top.gif) no-repeat 0px 0px;
    padding-left: 13px;
    }

    I only have Firefox and Safari so I am using this website to view it in IE: http://ipinfo.info/netrenderer/index.php
    Here is the screen shot of the IE6 version.

    Any ideas? I am new to CSS so any help is appreciated!

    Rob
    # June 7, 2009 at 6:23 pm

    try using:

    http://www.xenocode.com/browsers/

    Sometimes emulated browsers can be a little dodgy – do you have a link to the live site?

    # June 8, 2009 at 8:30 am

    I do!

    It is: http://johnrichmondlandscapinginc.com/onhold/index.html

    Thanks for your help! (If you see anything else that I am doing wonky I am completely open to feedback.)

    -christina

    Rob
    # June 8, 2009 at 8:50 am

    Hey :)

    firstly you are using a few ID tags more than once on a single page, that’s not good practice :) IDs should be unique to the page.

    But onto your H2…

    I have a sneaking suspicion its actually because you are using padding and have not specified a height… a way to get round it would be to wrap the h2 in a div (I cant believe I am saying this) and then position the h2 inside the div where you need it, and set the div background to the bg you require…

    If I am honest, it works in all other browsers – and if you can get away with it, I would not pander to IE6 for that.

    # June 8, 2009 at 9:30 am

    Thanks, I will try that with the h2 tag.

    Did I really use the same div ID tag on a page more than once? I don’t disagree with you — but I don’t see them — can you tell me one that you see?

    -christina

    # June 8, 2009 at 10:10 am

    Thanks! I didn’t know about the W3 validator. I better get to work figuring these out!

    Rob
    # June 8, 2009 at 10:20 am

    hehe validator ftw :D

Viewing 8 posts - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".