Support for Drupal 7 is ending on 5 January 2025—it’s time to migrate to Drupal 10! Learn about the many benefits of Drupal 10 and find migration tools in our resource center.
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.
Comment | File | Size | Author |
---|---|---|---|
left-not-ok.jpg | 7.68 KB | ScottW | |
left-ok.jpg | 9.3 KB | ScottW |
Comments
Comment #1
geerlingguy CreditAttribution: geerlingguy commentedEek! Thanks for the comparative screenshots. This is a bug in the layout.css file, and I'll try to get to it this weekend.
Comment #2
manoloka CreditAttribution: manoloka commentedI'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
Comment #3
geerlingguy CreditAttribution: geerlingguy commentedWorking on it. Had some problems with MAMP earlier, and am running some errands, but I hope to have it fixed a.s.a.p.
Comment #4
geerlingguy CreditAttribution: geerlingguy commentedGadzooks! 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 :-(
Comment #5
geerlingguy CreditAttribution: geerlingguy commentedOkay, 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 :-(
Comment #6
manoloka CreditAttribution: manoloka commentedPlease let us know when is ready for download :-)
Comment #7
geerlingguy CreditAttribution: geerlingguy commentedI will. Had a very busy weekend... might have it out later tonight, though! Sorry for the holdups...
Comment #8
geerlingguy CreditAttribution: geerlingguy commentedI 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!]
Comment #9
manoloka CreditAttribution: manoloka commentedIt works for me
Thanks
Comment #10
Zarevac CreditAttribution: Zarevac commentedWorks like a charm, muchos gracias.
Comment #11
geerlingguy CreditAttribution: geerlingguy commentedGreat! Let me know if you find any other problems by opening a new issue.
Comment #12
drupalworlds CreditAttribution: drupalworlds commentedHi,
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