right-most pane falls beneath others [#1617248]

There are three regions in the top row of our homepage panel, each region with one custom content pane in it. When I'm logged in the three regions show up all in the same row, side-by-side, as expected. But when logged out, the right-side pane gets pushed down below the other two.

I've looked at other issues such as http://drupal.org/node/186454 (as mentioned in the KNOWN_ISSUES.txt) and the css changes I had to make seem too extreme. The parent div is 930px wide (none of the parent divs have any significant padding or margins), and I had to set the width of the three regions to 255px each. After setting the width of each region to 255px they were pushed far to the right so I had to set position:relative right:100px to get them back towards center. But I can't find any css that would've pushed them that way.

I'm at a loss, especially considering that when logged in (prior to the extreme css correction) all the regions were properly displayed as one row. The panel here is the homepage of vbc-vt.org and viewing in Chromium browser. This seems kinda buggy, but I'm not confident that I found an actual bug. Can someone help?

Comment	File	Size	Author
#4	panefallsbelow.png	23.68 KB	ahillio

Support from Acquia helps fund testing for Drupal Acquia logo

Comments

Comment #1

merlinofchaos CreditAttribution: merlinofchaos commented 5 June 2012 at 04:43

Status:

Active

» Fixed

I don't know why, but htis rule causes it:

.no-sidebars #content {
  float: none;
}

Removing that makes it work but adds some extra margin on the top. That's little beyond my CSS foo.

Comment #2

ahillio CreditAttribution: ahillio commented 8 June 2012 at 04:30

I don't know why either, but THANKS, first for panels and now for this css fix!!!

Comment #3

22 June 2012 at 04:31

Status:

Fixed

» Closed (fixed)

Automatically closed -- issue fixed for 2 weeks with no activity.

Comment #4

ahillio CreditAttribution: ahillio commented 10 December 2012 at 03:39

Title:	right-most panel falls beneath others in	» right-most pane falls beneath others
Version:	7.x-3.2	» 7.x-3.3
Component:	Panel nodes	» Plugins - layouts

File	Size
panefallsbelow.png	23.68 KB

I've run into this issue again on a different site now http://firestickcreative.com/ and the

.no-sidebars #content {
  float: none;
}

doesn't solve it in this case.
Setting that pane's class position puts the pane back where it should be

.front .panels-flexible-region-3-right {
position: relative;
top: -190px;
}

...on my computer anyway, but on a mobile browser the pane is still below where it should be (the top is below the bottom of the panes in the same row). Wondering if this is a common thing people run into / if there is better solution?