1. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Mar 2004
    Rep Power

    Banner Rendering in IE7

    Hi there,
    I have the following in my css file:
    } #headerBannerWrapper {
    background-image: url(/GREENLOGO.jpg);
    background-position: bottom left;
    background-repeat: no-repeat;
    background-color: #DEF2B0;
    padding: 0px;
    margin: 0px;
    } #headerBannerWrapper img {
    padding: 0px;
    margin: 0px;
    vertical-align: bottom;
    However the banner doesn't get rendered in IE7. It renders OK in IE8

    Any help most appreciated.

    The above is linked to the following class:
    .clearFix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;

    NB If the banner has content inside then it renders OK, however if there is no contents inside then the banner (green background) is not displayed.
    Last edited by slaphead; April 19th, 2010 at 05:49 AM. Reason: Additional information
  2. #2
  3. K-Mart-ian Legend
    Devshed Newbie (0 - 499 posts)

    Join Date
    Oct 2004
    United States
    Rep Power
    So if you have a non-breaking space in that div it will appear? Why not just put an image in there instead of the background?
  4. #3
  5. CSS & JS/DOM Adept
    Devshed Supreme Being (6500+ posts)

    Join Date
    Jul 2004
    USA (verifiably)
    Rep Power
    Welcome to DevShed Forums, slaphead.

    We would be better able to help you if we could see an example page.

    New users are restricted from posting URLs until they have made 5 posts. You may need to get around this by leaving out the "http://" and putting a space before each ".". Yes this rule is annoying, but the administrators say it's necessary for limiting spam.

    P.S. It would be helpful if you put your code between [code][/code] tags in the future.
    Spreading knowledge, one newbie at a time.

    Learn CSS. | PHP includes | HTML Validator | CSS validator

    Remember people spend most of their time on other people's sites (so don't violate web design conventions).

IMN logo majestic logo threadwatch logo seochat tools logo