Help with 3 column layout in IE (right side pushed down) ++Rep!

Discussion in 'CSS' started by GeorgeB., Jun 21, 2008.

  1. #1
    My layout looks fine in firefox 2 and 3 as well as Opera and IE7

    Just in IE6 the right side column in ANY profile on my social network shifts down

    Example profile: http://www.thirtyspace.com/George

    ++rep for anyone that can tell me why it's doing that and or how to fix it.
     
    GeorgeB., Jun 21, 2008 IP
  2. GeorgeB.

    GeorgeB. Notable Member

    Messages:
    5,695
    Likes Received:
    288
    Best Answers:
    0
    Trophy Points:
    280
    #2
    anyone?
    ..........
     
    GeorgeB., Jun 22, 2008 IP
  3. SLoB

    SLoB Peon

    Messages:
    13
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #3
    took a quick look and your content box class page_column has no width, didn't really look any further but it looks like your inner content is driving the widths for the containers.

    for each column container put in a width of say 30% and use an auto margin to auto align.
    the 3 column layout fails on any browser as the overall width is greater than 1280 with those 3 columns, so you might be viewing the page on a widescreen monitor? depending on your target resolution which would most likely be 1024 you need all 3 columns to fit within that size, atm they don't hence why they are falling down, theyr floating left but relative as each column is too wide to fit into the space

    you might be able to get more of an idea of why its borking if you strip out the inline styling and put it in your main stylesheets, then there would be one place where formatting is done.
     
    SLoB, Jun 22, 2008 IP