Hi,

I am using a 2-column layout to show one node and one block.

In Firefox looks fine but in IE the second column is displayed below the first.

See the frontpage of www.humanitariantimber.org

(note, I am trying to fix this by installing panels instead as this is a live site so you may not see the problem!)

Thanks - module looks good.

Comments

lejon’s picture

lejon commented
Title: 20column layout with node and block not properly displayed in IE » 2-column layout with node and block not properly displayed in IE

sorry, title read wrong...

bengtan’s picture

bengtan commented
Status: Active » Postponed (maintainer needs more info)

Hi,

Sorry, I need more information. What version of IE?

I need to have a look at a url which exhibits this behaviour. Can you supply such a page? I can't diagnose simply on descriptions, because IE can break for any number of reasons.

lejon’s picture

lejon commented

Here's a test page:

http://www.humanitariantimber.org/content/composite-test-page

Problem is in IE7.

Thanks!

bengtan’s picture

bengtan commented

Hi,

Okay, I see it. It's an IE7 bug. Here's a quick workaround:

In the file .../modules/composite/theme/composite-layout-twocol.css, change lines 17-24 from:

.composite-twocol .composite-column {
  float: left; 
  width: 50%; 
}

* html .composite-twocol .composite-column {
  width: 49.9%; 
}

to

.composite-twocol .composite-column {
  float: left; 
  width: 49.9%; 
}

* html .composite-twocol .composite-column {
  width: 49.9%; 
}

In other words, change both width values to 49.9%.

Or if your theme has conditional stylesheets for IE, place the following in your equivalent of ie.css:

.composite-twocol .composite-column {
float: left;
width: 49.9%;
}

IE6 and IE7 both have a bug with floats where if the columns fit 'exactly', IE miscalculates and thinks the columns don't fit, hence sending one to the next 'line'.

There is a workaround for IE6 (the '* html .composite-twocol .composite-column' declaration) but IE7 isn't picking that up.

lejon’s picture

lejon commented

thanks - will the workaround be included in the next release?

bengtan’s picture

bengtan commented
Status: Postponed (maintainer needs more info) » Needs review

Not sure, but I'll try.

uncucha’s picture

uncucha commented
Component: Miscellaneous » User interface
Assigned: Unassigned » uncucha
Category: bug » task
Status: Needs review » Closed (works as designed)