PDA

View Full Version : $20 for whoever can fix this glitch!


Caydel
July 18th, 2006, 04:01 PM
I will pay $20 via Paypal to the first person who can help me with this issue:

I am having a small problem with one of my pages. I have an image gallery that likes to intrude over my one sidebar. This makes the gallerys rather unusable. I have tried myself for a couple of hours to figure this one out, but I have not figured it out.

The CMS is Drupal, and the gallery module is AcidFree. The problem lies in the template sidebar. It slides behind the table in Mozilla Firefox at resolutions below 1024x768. In IE, it appears below the right sidebar.

The ideal solution would be that the the table holds it's ground, and the sidebar remains to the right of the table, with scrollbars appearing on the window if the width is too wide.

Here is a page to demonstrate the problem. It can be replicated by narrowing the width of the window:
http://www.outfrontps.com/albums/merchandise_display/bouqet_display

Here is an image:

http://www.outfrontps.com/snapshot1.jpg

This thread is cross-posted in Digitalpoint as well.

To claim the money, either post in this thread, the DigitalPoint thread (http://forums.digitalpoint.com/showthread.php?p=1132432) , or PM me with the solution. I reserve the right to choose whichever solution I feel provides the best solution to this issue.

Caydel

Caydel
July 18th, 2006, 04:38 PM
This offer has also been posted in the drupal forum: http://drupal.org/node/74340

Miles Baker
July 18th, 2006, 04:47 PM
YOu need to make the center table position absolute. Let me play around with it for a minute and see for sure.

Caydel
July 18th, 2006, 04:52 PM
I'm happy to see you have some idea what it is...

Of course, it can't interfere too much with the way the theme looks on other pages.

Biff_Tiberius_Farnsworth
July 18th, 2006, 04:59 PM
Salutations Fellow Pipe Smoker

I think your editabble area is in the wrong place on the template. Did you see what I said on the other thread?

~B

Caydel
July 18th, 2006, 05:04 PM
Hi Biff!

I read your comment, and had the same suggestion from a few different people about setting the width of the main content - the problem is, I have tried it, and it has made absolutely no difference.

This is the 'SpreadFirefox' template from Drupal.

Caydel


Salutations Fellow Pipe Smoker

It looks like your sidebar is in the code ahead of the breadcrumbs and content. I realize that may be by design because you are using a template. Another thing is that you could always hardcode a DIV or TABLE to the width at which the page starts to get wonky so users will get a scrollbar instead of having the sidebar do acrobatics.

Hope this helps
Biffatisfaction

Adrian
July 18th, 2006, 05:21 PM
Set the width for the center at whatever for resolution you want it. and add" overflow: auto; " to the same div.

Biff_Tiberius_Farnsworth
July 18th, 2006, 05:23 PM
I meant this...

It looks like your sidebar is in the code ahead of the breadcrumbs and content

Can't see what's template and what's not in your source so it's hard to tell from my side.

~B

Caydel
July 18th, 2006, 05:23 PM
Set the width for the center at whatever for resolution you want it. and add" overflow: auto; " to the same div.

Which div should I add it too? The middle is nested quite deep. The ones I've tried to add that to have made no difference...

Miles Baker
July 18th, 2006, 05:33 PM
In layout.css change this...

.main-content .node {
MARGIN: 0px 8px 1em
}

to this...

.main-content .node {
MARGIN: 0px 8px 1em; position:absolute;
}

However, if you change that then the Gallery will go under Bouqet display, so what you need to do is either make the whole thing a fixed width, or just the bouqet display and gallery a fixed width, with the title bar going all the way across. Otherwise if you don't want to do that I would really have to dig in further and do more redesign, there's 5 css files and I'm not sure why so many, but you have a LOT of css going on, lol.

Caydel
July 18th, 2006, 05:46 PM
I made the change, but it doesn't seems to help - you're right, it does place the gallery under under the table... I guess I am going to scrap the gallery sidebar...

I hate the fact that there is so much CSS in this template - it is the same as the one as at SpreadFirefox.com ...

The thing is, iI cannot find another template I like as much as that, and it would work perfectly if it wasn't for the AcidFree gallery module I have there. Unfortunately, AcideFree is an integral part of the site, and if I were not to use it, it wouldn't fulfill my employers requirements for the site...

Miles Baker
July 18th, 2006, 05:50 PM
YOu don't have to scrap the sidebar, just make it a consistent width.

Caydel
July 18th, 2006, 05:50 PM
Thanks for the suggestions, but I have decided just to scrap the sidebar on the affected pages.

Thanks for the attempts!

Miles Baker
July 18th, 2006, 05:51 PM
Where can we collect our $20?

Caydel
July 18th, 2006, 05:51 PM
YOu don't have to scrap the sidebar, just make it a consistent width.

Miles - the CSS is just to difficult for what I can work with. Besides, we don't really need random shots from the Gallery in the gallery...

Caydel
July 18th, 2006, 05:54 PM
Where can we collect our $20?

Miles: the solution you mentioned did not solve the problem - it presented a different one instead; namely the table was visible over the sidebar, with the two still conflicting.

If you can present a definitive solution that would allow the two to coexist together the way I specified, the $20 is yours.

Miles Baker
July 18th, 2006, 06:44 PM
Miles: the solution you mentioned did not solve the problem - it presented a different one instead; namely the table was visible over the sidebar, with the two still conflicting.

If you can present a definitive solution that would allow the two to coexist together the way I specified, the $20 is yours.

I did, making the widths fixed, I could easily do that. It doesn't matter to me, if you want me to do it let me know, otherwise that's fine too.