Early Bird Registration for DrupalCon Portland 2024 is open! Register by 23:59 PST on 31 March 2024, to get $100 off your ticket.
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