Website works in all browsers but screwed in IE6

Discussion in 'CSS' started by mark_s, Sep 11, 2008.

0
  1. #1
    Would someone be kind enough to advise me on why my website is all stretched and ugly in Internet Explorer 6?

    Works fine in FF2, FF3, IE7, IE8, Opera.

    http://www.murraysworld.com
     
    mark_s, Sep 11, 2008 IP
  2. drhowarddrfine

    drhowarddrfine Peon

    Messages:
    5,428
    Likes Received:
    95
    Best Answers:
    7
    Trophy Points:
    0
    #2
    Now you know why we all complained about IE6 when more modern browsers like Firefox came out.
    It doesn't look bad to me in IE6
     
    drhowarddrfine, Sep 11, 2008 IP
  3. mark_s

    mark_s Peon

    Messages:
    497
    Likes Received:
    10
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Please see the image attached, notice the lack of the left and right navigation. Are you saying that it looks different in your IE6?
     

    Attached Files:

    • ie6.jpg
      ie6.jpg
      File size:
      93.4 KB
      Views:
      83
    mark_s, Sep 11, 2008 IP
  4. drhowarddrfine

    drhowarddrfine Peon

    Messages:
    5,428
    Likes Received:
    95
    Best Answers:
    7
    Trophy Points:
    0
    #4
    I run FreeBSD on my notebook and IE isn't available so I looked on netrenderer but it looks fine there.
     
    drhowarddrfine, Sep 11, 2008 IP
  5. mark_s

    mark_s Peon

    Messages:
    497
    Likes Received:
    10
    Best Answers:
    0
    Trophy Points:
    0
    #5
    I see, fair enough.

    Can someone who has IE6 on their PC tell me if it shows the website broken like in my screenshot?
     
    mark_s, Sep 15, 2008 IP
  6. rikun

    rikun Peon

    Messages:
    85
    Likes Received:
    6
    Best Answers:
    0
    Trophy Points:
    0
    #6
    It actually looks fine for me as well in IE6. What I suggest is that you style wrapper_parent the same way you did main_container. Most likely it's the floating that's giving you problems.

    Also, you don't really need the position:relative and top:10px for main_container, since you could just make the div have a top margin of 10px. If you do decide to use a 10px top margin, make sure to remove the height declaration for your banner div.

    Hope this helps you.
     
    rikun, Sep 15, 2008 IP
  7. mypsdtohtml

    mypsdtohtml Guest

    Messages:
    96
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    0
    #7
    You can forget about IE 6, xhtml css w3c valid are working well in modern browsers
     
    mypsdtohtml, Sep 15, 2008 IP