Right column dropping inline with bottom of centre column in IE6?

Discussion in 'CSS' started by theplastickid, Oct 8, 2009.

0
  1. #1
    I am after a bit of help with a site of mine. It is displaying fine in all browsers and the code does validate however for some reason the right column (its a 3 column layout) is dropping below the end of the middle columns content in IE6.

    I have included some screen shots to show:

    [​IMG]
    How it displays in IE6

    [​IMG]
    How is should and does display in other browsers.

    Here is the CSS
    Is this a common/known bug in IE6? If so can anyone provide a possible work around?

    Many Thanks,
    Brett.
     
    theplastickid, Oct 8, 2009 IP
  2. Dan Schulz

    Dan Schulz Peon

    Messages:
    6,032
    Likes Received:
    436
    Best Answers:
    0
    Trophy Points:
    0
    #2
    I don't have the HTML code for your site, but try moving the display: inline; from the #sidebarB .moduletable { } style rule to the #sidebarB rule.
     
    Dan Schulz, Oct 8, 2009 IP
  3. Stomme poes

    Stomme poes Peon

    Messages:
    3,195
    Likes Received:
    136
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Yay, Dan's back!! ++

    On-topic, yeah IE6 is more picky about floats fitting side-by-side than other browsers, and IE6 is usually more willing to drop floats.
     
    Stomme poes, Oct 9, 2009 IP
  4. theplastickid

    theplastickid Well-Known Member

    Messages:
    261
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    101
    #4
    Thanks for the replys this didn't work changing the inline proerpty.

    Here is my html for the sidebar. The site is built using Joomla:

     
    theplastickid, Oct 9, 2009 IP