right sidebar drops in ie7/vista

Unfortunately, I don't have Vista, and it's not happening in XP, so it's kind of hard to test.

It wouldn't surprise me if this was happening in Vista, but I do have a separate stylesheet that targets IE7 specifically so any changes would need to be done in that file so they don't affect the other normal browsers.

The file is located here: sky/css/ie7.css

You are probably on the right track with the .right #main selector, but the .main-inner class should not need to be affected. The issue is likely with the width attribute.

Maybe you could try out a fix to the width in there? If so that would be a big help, and I could see if it would still work in XP.

EDIT: After more research this is unrelated to http://drupal.org/node/332223

greetings,
Martijn

Don't know if this helps anyone but, I was having the same issue. I use FF by default but I check everything out in IE, just to see how it handles it. I too, noticed the right column dropping down below the main content but, only on some pages...mostly my blog pages.

So, I went into the styles.css and found around line 280 the following:

/* Both Sidebars */
.both #sidebar-left {
  width: 20%;
  float: left;
}

.both #main {
  width: 60%;
  float: left;
}

.both #sidebar-right {
  width: 20%;
  float: right;
}

Since I wasn't having much of a problem with any other pages, I assumed it was due to the volume of content within my individual blogs so, I reduced the #main width by only 1% to 59%, and everything works great, both w/IE and FF....."tweaking"!

I have a few images in the blocks on my right column that are already sized to fit. Any changes I would have made to that column would have screwed up that side. That's why I approached the content (#main) instead.

Of course, this all assumes your using a 3-column set-up! BTW, I am using XP and don't forget to empty cache after making changes! :)

The box model will often break when the total width of elements equals 100%. I'm not sure if this is the best solution but it's a workable route until something better is suggested.

This appears to only affect the fluid width layout. It doesn't affect the fixed width layout. I'll look at the CSS and see what approach is best to fix this.

This seemed counterintuitive to me but if we change the CSS in style.css from:

.both #sidebar-right {
width: 20%;
float: right;
}

to

.both #sidebar-right {
}

That's right - no widths or floats to the DIV, it maintains its position in IE7 and FF2 and Google Chrome. I haven't tested this in IE 6.

I finally ordered Vista (ugh)... So, when it gets here I will check this out.

This is recreatable in IE6 under Windows XP. Interestingly, the column drops only with certain browser window widths. When the column is in the right place, I slo-o-owly drag the window border right or left until it drops. Then it goes back up. Then drops again. It kind of jumps up and down depending on the window width.

Including the following thing in ie-6.css

.both #main {
  width: 59%;
}

(i.e. reducing the main column by 1% so the total width is 99%, as somebody suggested above) fixed the problem.

Is this a fix or a workaround? Can this be included in the theme?

This should be fixed in the new version.