Web Analytics Made Easy -
StatCounter Image displays properly in FF, not IE - CodingForum

Announcement

Collapse
No announcement yet.

Image displays properly in FF, not IE

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • Image displays properly in FF, not IE

    The website I am referring to is http://www.deferredsuccess.com.

    I am referring to the graphic in the upper-left corner. In Firefox, it correctly overlaps the sections. In IE, it does not. I don't really know how to describe it short of viewing the page in both browsers.

    This is the CSS I'm using. I'm new to this and have played around with every option I can think of, but nothing seems to work. I would love any help!

    Code:
    #serendipity_banner {
        margin: auto;
        width: 100%;
        height: 120px;
    }
    
    .banner_limg {
        float: left;
    }
    
    .banner_rimg {
        text-align: right;
    }
    The HTML for the top of the page is:

    Code:
    <div id="serendipity_banner">
    <div class="banner_limg"><img src="/templates/deferred-success/img/title.gif"></div>
    <div class="banner_rimg"><img src="/templates/deferred-success/img/guys.jpg"></div>
    </div>

  • #2
    Can you elaborate? IE6 and Firefox 1.0 look the same to me, the right end of the logo is covered by the guys on the couch at 800 x 600 resolution. What are you trying to acheive?
    Computer, kill Flanders... Did I hear my name? My ears are burning...
    Good start. Now finish the job.

    Comment


    • #3
      Yeah, I'm sorry, I was able to fix it by changing the CSS for the divs to:

      .banner_rimg {
      position: absolute;
      right: 0px;
      }

      I forgot to update my original post.

      Comment

      Working...
      X