Sidebar second gets pushed beneath sidebar first in IE6

Fixed in RC6.

Can you tell me exactly what your browser is (down to version - it looks like IE6 to me) and if you are in min-width or greater, what sidebars you have enabled and blocks etc, just as much as possible, and if you were resizing the viewport when this happened.

The real surprising thing there is its LTR, not RTL! Bit odd but cant be anything major.

BTW - is that a table in the sidebar? Which block is that?

OK, for now I isolated it to the "Recent Content" block in IE6 - does that concur with your setup?

Dammit, i see the problem - suggestion, why don't we just push a "width: expression" at IE6 and give the same layout as everything else?

I know this will get people going, but this is what they are there for, only IE6 gets it (and lets be frank, who the hell is using IE6 these days?)

We could just set fixed layout for IE6 and focus on more important issues. It's not a requirement to make the theme behave exactly the same on legacy browsers.

OK, lets do it, better than a nasty expression, only other reliable way would be to use jQuery, but seriously we probably shouldn't bother.

Fixed with the suggestion in #7.

I dont want to give up either, I have tried that but not so much, lets keep working on it and see if we can get a CSS fix for this.

I was able to get a min-width CSS only fix working in IE6, however it requires a shed load of extra markup to achieve.

It works by adding a border the same width as the min-width and then using negative margin to pull the content back over it.

E.g on the #page you need to add two new inner divs, i.e.

<div id="page">
  <div id="page-inner">
    <div id="page-inner-2">
       everything else here as per normal...
    </div>
  </div>
</div>

// CSS
#page-inner, 
#page-inner-2 {
  height: 0;
}

#page-inner {
  border-left: 960px solid #FBFCFD;
}

#page-inner-2 {
  margin-left: -960px;
  position: relative;
}

While it works (even in RTL), we'd have to add that extra markup to #navigation, #page and #footer (could use conditional comments to do so), so not so sure about this.

I dont really care about max-width for IE6, to me min-width is the one.

Proof of concept patch, this actually and works, and in limited RTL testing working in there also.

After some thought I'm not terribly worried about the extra markup, Drupal7 throws enough extra markup at us already, this is in reality a very small amount of extra markup.

I committed this for now, if we revert later so be it, there maybe some discussion raised over id naming the the additional markup to support just one browser, at least now we have really good support cross browser rather than providing a somewhat degraded experience. I think fixing the width in IE6 was OK, but not ideal and we can do better, this fix achieves that but at a small cost (extra wrapper divs).

http://drupal.org/cvs?commit=370730