This seems to be related to some of the other overlap issues, but isn't quite the same. Running latest Zen development snapshot for 6.x-2 and Airy Blue 1.3.

I find that if I have a 3 column site, then if nothing happens to appear in the right sidebar on a given page, the content expands to fill the entire page and the left sidebar sits on top of the content. I can easily work-around this by making sure there's something in the right sidebar for every page.

This doesn't appear to be browser specific - the behavior shows up in FF, IE6, 7 & 8.

CommentFileSizeAuthor
left-not-ok.jpg7.68 KBScottW
left-ok.jpg9.3 KBScottW
Support from Acquia helps fund testing for Drupal Acquia logo

Comments

geerlingguy’s picture

Eek! Thanks for the comparative screenshots. This is a bug in the layout.css file, and I'll try to get to it this weekend.

manoloka’s picture

I've got the same issue.

I'm using the Zen 6.x-2.x-dev

The URL is http://bcninsideout.com/

Strangely it seems to happen everywhere except in the admin/build/block page

Thanks for a great theme

geerlingguy’s picture

Assigned: Unassigned » geerlingguy

Working on it. Had some problems with MAMP earlier, and am running some errands, but I hope to have it fixed a.s.a.p.

geerlingguy’s picture

Component: Miscellaneous » Code

Gadzooks! They've gone and done it again... they changed 'sidebar-first' to 'sidebar-left.' Grr.... I thought Zen 2.x-dev was feature complete, but apparently it is not.

Going to have to rework the entire layout.css file for the third time in a month :-(

geerlingguy’s picture

Status: Active » Patch (to be ported)

Okay, I've fixed in my dev environment, but haven't yet had time to do a diff and make a patch for the theme. I will do so a.s.a.p. (perhaps tonight if I get a chance).

Basically, $first and $second (regions) need to be changed to $sidebar_first and $sidebar_second everywhere (airyblue.info, page.tpl.php, etc.). On top of that, I made some major CSS tweaks to fix a couple other layout bugs. The main ones involve the width of #content in all situations.

The fact that Zen 2.x-dev is changing so much is not very fun :-(

manoloka’s picture

Please let us know when is ready for download :-)

geerlingguy’s picture

I will. Had a very busy weekend... might have it out later tonight, though! Sorry for the holdups...

geerlingguy’s picture

Status: Patch (to be ported) » Fixed

I am committing the fixes for this issue currently. Should be up by midnight, CST.

[Edit: Looks like my cvs access is having trouble. Might have to wait until I get commit access again :-(]

[Edit 2: Nope, just my ineptitude when it comes to CVS. Should be up soon!]

manoloka’s picture

It works for me

Thanks

Zarevac’s picture

Works like a charm, muchos gracias.

geerlingguy’s picture

Status: Fixed » Closed (fixed)

Great! Let me know if you find any other problems by opening a new issue.

drupalworlds’s picture

Hi,

I could solve the problem after modifying/defining the widths for the content and sidebar in the style.css of the theme directory.

I got the theme code made by Artisteer and I had the same problem in IE8.
I have 2 computers, one monitor of which has 1280*768 resolution(notebook) and the other, 1280*720(desktop). Both have wide screen monitors and IE8 webbrowser.

There was no problem in the notebook, however, there was the left side menu's overlaping problem only in the desktop monitor.

I modified the style.css as follows.
-------------------------------------------------------------------------------------------------
/* begin LayoutCell, sidebar1 - to rectify the left sidebar overlapping content*/

.art-content-layout .art-sidebar1
{
max-width:230px;
width: 23%;

}
/* It is needed to define the min-width of content.*/
.art-content-layout .art-content
{
width: 75%;
min-width:500px;

}
.art-content-layout .art-content-width
{
width: 76%;
min-width:510px;

}
--------------------------------------------------------------------------------------------

If you use Zen or other themes, you should try to find the proper classes for the content and the sidebar.
Then you should restrict the min-width of the content and the max-width of the sidebar so that the content and sidebar should not overlap each other resulting in the broken style.

Hope that helps.

Drupalworlds