Fork me on GitHub

BlankTheme, two column layout IE7 drops center block below right block  Bottom

  • I'm using BlankTheme and a two column (13) layout which works fine in Firefox on Mac and Windows, Safari on Mac and Windows, Chrome on Mac (don't have on windows to test) and in IE8 on Windows. However, in IE7 the main content in column1 is dropped and starts below the bottom of column3 (the right column).

    I assume this is related to CSS (not clearing a float? ? not having layout in IE7?) and have looked with Firebug but not changed much (and nothing successfully) as I am overwhelmed by the number of places to look and I don't have regular easy access to IE7 to check.

    The site is here.

    Any hints or suggestions?

    Peter

    --
    Peace
    ______________________________________
    The commonest cause of problems is solutions.
  • In the file

    Code

    yaml/core/slim_iehacks.css
    only loading with the IE

    there is this code:

    Code

    .floatbox {
        WIDTH: 100%
    }


    I guess, don't know, that this is responsible for your problems... icon_rolleyes

    --
    MU(t) Beratung Internet

    Modul MUTransport
  • Woops
    please remove the use of floatbox in your body templates for the colX_content, and replace it by clearfix

    --
    - Mateo T. -
    Mis principios... son mis fines
  • @portugua and nestormateo->

    That seemed to help. Some. That is, it bumped the 'News" header up to where it belongs.

    But the horizontal javascript bar still dropped below the right column. That turns out to be related to z-menu (and perhaps z-menuitem) in javascript/style.css which are listed as 100% and 99% respectively. When I changed them to 'auto' the problem was resolved.

    I am certain there is a better solution, but this seems to be working for now. In the meantime, I mucked with LOTS of things and have some straightening out and setting right to do.

    Thanks for the help - got me started in the right direction. icon_smile icon_smile icon_smile

    --
    Peace
    ______________________________________
    The commonest cause of problems is solutions.
  • I will see how to deal with this.

    We can solve the clear stuff with overflow:hidden, but the problem for us is that dropdowns for Content or some Blocks may get hidden by it...

    In the next days I will sync BlankTheme to 1.3 icon_wink
    Prepare your upgrade and try Clip plz! icon_smile

    --
    - Mateo T. -
    Mis principios... son mis fines

This list is based on users active over the last 60 minutes.