IE6 and IE7 CSS problem - need help!

Discussion in 'CSS' started by cri8bat, Sep 18, 2009.

0
  1. #1
    Hi all,

    I was checking throw browsershots and found that on IE6 and IE7 my website is getting problems.

    but it works brilliantly in firefox and IE8.

    the website is : http://www.registryeasy-clean.com/

    I attached 2 images of IE6 and IE7 renders from browsershots. (I downgraded the quality for upload purposes)
    As you can see from the images, on IE6 and IE7 the left side images are on the middle of the content, they are float: left divs. And still they render on the middle of the content on this IE's

    can some1 help me in how to fix this.

    thank you :)
     

    Attached Files:

    Last edited: Sep 18, 2009
    cri8bat, Sep 18, 2009 IP
  2. Design_Guy

    Design_Guy Peon

    Messages:
    35
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #2
    Have you tried using conditional comments to fix this problem for internet explorer?

    You can read about how to use conditional comments here: quirksmode.org/css/condcom.html
     
    Design_Guy, Sep 23, 2009 IP
  3. wd_2k6

    wd_2k6 Peon

    Messages:
    1,740
    Likes Received:
    54
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Hi,

    I guess it's concerning the left_ad DIV which is being positioned in the center. Seems like it's being centered because of the text-align and no defined width so it's assuming 100%.

    First try giving the #left_ad a width, (the size of the sidebar, seems like it should be about 300px) and see if it helps. Unless you don't know the width but I think there is one you could add, but if not then try the second fix...

    1. Just add:

    position:relative;
    Code (markup):
    to the #container

    2. and

    left:0;
    Code (markup):
    to the #left_ad

    So then it should be positioned to the left in all browsers.
     
    wd_2k6, Sep 23, 2009 IP
  4. deathshadow

    deathshadow Acclaimed Member

    Messages:
    9,732
    Likes Received:
    1,999
    Best Answers:
    253
    Trophy Points:
    515
    #4
    Being I'm seeing five different layouts in six different browsers (IE 6, 7, 8, FF, Opera, Chrome), can I assume that firefux is the one you want it to look like?

    Top to bottom the page has a laundry list of issues, many of them simple presentation (like the absurdly undersized illegible fixed metric fonts) ranging up to the 128 validation errors meaning you don't even have HTML, you have gibberish.

    The completely nonsensical heading orders and general abuse of heading tags is just the tip of the iceberg of problems here, and it would be faster to throw it out and start over from scratch than it would be to sit there dicking with the existing train-wreck of markup and CSS.
     
    deathshadow, Sep 28, 2009 IP