Shattered layout in IE6

Discussion in 'CSS' started by Andersen, Apr 6, 2008.

  1. #1
    I have a menu column that IE6 is tossing into the middle of the screen. I've twisted and tweaked it, but haven't been able to get it to fall in line as it does with Firefox.

    More challenging (or maybe I'm just challenged) is getting everything to fall together when the browser is resized. Using IE6, the left and right column smash over to the right side of the page. The header doesn't like to extend across the smaller page either in IE6 or Firefox.

    The design was based on Matthew Taylor's Perfect 3 Column liquid layout, which I've butchered, as my needs are for fixed width columns that spread out in a (hopefully) pleasing way as the browser is resized.

    The html is at: http://www.allenrokachphotography.com/test/perfect-3-column.htm

    And the css:
    http://www.allenrokachphotography.com/test/rokglobal.css

    Thanks
     
    Andersen, Apr 6, 2008 IP
  2. drhowarddrfine

    drhowarddrfine Peon

    Messages:
    5,428
    Likes Received:
    95
    Best Answers:
    7
    Trophy Points:
    0
    #2
    You are properly using the XML declaration on the first line. However, only modern browsers know what to do with it while old, backwards non-standard IE chokes and goes into quirks mode. IE can't handle XHTML either.

    However, because you aren't serving XHTML anyway, it is safe to delete that line and IE will make its feeble attempt to perform like the other modern browsers while not hurting them either.
     
    drhowarddrfine, Apr 6, 2008 IP
  3. kk5st

    kk5st Prominent Member

    Messages:
    3,497
    Likes Received:
    376
    Best Answers:
    29
    Trophy Points:
    335
    #3
    The xml declaration is optional if you use xml1.0 and utf-8, which are the defaults. Assuming you use the default values, there is no need for it even where the xhtml is served as a flavor of xml.

    cheers,

    gary
     
    kk5st, Apr 6, 2008 IP