When I go to the embedded gallery page, the left sidebar menu extend to right out of its containing block covering the gallery content. On other pages, there is no such problem.

I use Fiirebug Inspect to look at the elements and took a couple of screen dumps. You can see the blue highlite of firebug showing sidebar navigation menu normal and when it widen outside to right on the embedded gallery page.

In this screen dump, the navigation menu is contained within the left sidebar:

http://i6.photobucket.com/albums/y222/moyoungerman/post/gallery_normal.jpg

However, on the embedded gallery page, the width of the div containing the whole navigation menu extend outside of the sidebar containing block, covering up the gallery content (see the blue highlite by firebug and the html at lower part).

http://i6.photobucket.com/albums/y222/moyoungerman/post/gallery_bad.jpg

I'm using the acquia-marina theme but this also happens in the Garland theme so I'm incline to believe is not a theme specific problem. Also, this problem happen every browser I tried.

Why this problem only occur in the gallery page? Is there something in gallery that can cause this? I don't see how this can be as the gallery page content occur late in the page. How can gallery mess up the sidebar menu which is in the first part of the page?

You can see this live here: easy.hddigitalworks.com

Comments

mattyoung’s picture

mattyoung commented

I found the problem. It is because of the conflict in css class .content.

In line 13 of the embedded gallery page there is this:

<style type="text/css">

  content { width: 700px; }
  gallery-thumb { width: 180px; height: 180px; }
  gallery-album { height: 210px; }

</style>

However, .content is used in the sidebar menu div. Maybe to fix this, gallery should use gallery-content instead of content.

mattyoung’s picture

mattyoung commented

Ok, this only happens with the Siruix gallery theme. So I will just not use that theme.

profix898’s picture

profix898 commented
Status: Active » Closed (fixed)

Garland+Matrix should be fine, but we cant support all/other theme combinations. And its usually just a few css fixes :)

koppie’s picture

koppie commented
Status: Closed (fixed) » Needs work

I had the same problem and "we can't support" is poor reason to close a ticket, and "fixed" is certainly inaccurate. Profix, maybe you can't, but that's what the community is for. I'm sure I speak for everyone when I say thank you for all your hard work in producing a phenomenal module that integrates a phenomenal CMS with a phenomenal gallery. Truly the best of all worlds and you have our gratitude. But the whole point of Open Source is to allow others to help.

I did some digging and figured out the culprit. It's not actually the Siriux theme per se; the gallery module for drupal injects a CSS definition into when you view gallery pages through Drupal. Not just links to external .css files, but its own snippet of CSS embedded directly into . In gallery.module, I commented out line #457:
gallery_set_head($result['headHtml'], TRUE);
Unfortunately, this kills the links to all gallery css and javascript too, although Drupal css and javascript is untouched. I can see that this solution won't work for a lot of people, but it works for me.

If we knew exactly what function embedded the css directly into , we could comment that out by itself. It's only supposed to affect the width of the photo area, which is already being handled by the Drupal theme anyway.

My understanding of modules is limited to say the least. I'm marking this as "needs work," hopefully a maintainer or someone else in the community can help.