The style for top and bottom panels are clearing floating elements (such as sidebars) in IE6. It would be ideal if we could remove the following from the layout stylesheets:

.panel-2col-stacked .panel-col-top,
.panel-2col-stacked .panel-col-bottom { 
  width: 100%; 
  clear: both;
}

Are these needed?

Comments

merlinofchaos’s picture

merlinofchaos commented

As far as I know, the clear: both is needed on the bottom, because if you don't, and the right column is shorter than the left column, the bottom will not necessarily be in the right place.

It's possible that we may need to make this a non-IE directive, because IE will almost certainly force something with width: 100% to fall below whatever is above it.

rgladwell’s picture

rgladwell commented

Sounds like a fix, but how do we filter these styles from IE6?

catch’s picture

catch
he/him
Primary language English
commented
Status: Active » Closed (fixed)

css has changed since this was reported. You can override this in your theme using either IE6 hacks or conditional comments to target the css specifically if it's still an issue.