CSS IE6 display problems, 2-columns, div widths

Discussion in 'CSS' started by madscout2000, Aug 12, 2007.

0
  1. #1
    I'm not sure what is causing this error. I tweaked the div widths in my style.css file so that everything looks just right in firefox, but the divs don't line up correctly in IE6:

    www.snarescience.com/science.php

    Two problems:

    1) The email list box lines up correctly with the sidebar items in firefox, but is slightly wider in IE6

    2) The main content in the right column gets pushed below the sidebar items in IE6

    Any help is greatly appreciated. Thanks in advance!
     
    madscout2000, Aug 12, 2007 IP
  2. soulscratch

    soulscratch Well-Known Member

    Messages:
    964
    Likes Received:
    45
    Best Answers:
    0
    Trophy Points:
    155
    #2
    Make the page validate? If you can't get rid of all the tables, I suggest you use a more lenient DTD.
     
    soulscratch, Aug 12, 2007 IP
  3. bryandy

    bryandy Peon

    Messages:
    774
    Likes Received:
    10
    Best Answers:
    0
    Trophy Points:
    0
    #3
    it looks fine to me in safari.
     
    bryandy, Aug 12, 2007 IP
  4. madscout2000

    madscout2000 Peon

    Messages:
    62
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #4
    I am a newb - what is DTD?
     
    madscout2000, Aug 12, 2007 IP
  5. madscout2000

    madscout2000 Peon

    Messages:
    62
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #5
    Problem solved. I had some margins that were set too large and were pushing elements too far to the right, causing them the right column to wrap underneath the left column.
     
    madscout2000, Aug 12, 2007 IP