Media Lab Forums

Winnie18 · Joined: 03 Nov 2010 Posts: 19

I've tried everything I can think of to fix this. One page of my site views badly in Firefox. One of the divs is pushing everything down about 40 pixels. I don't know what css file handles it. Since this is the portfolio page, I'd rather not have to go back to the Photoshop file and I don't understand why it is only affecting one page and only in Firefox. This is the page: www.galeerwin.com/portfolio.php

The problem is the #logowordsbutton div.

I'd appreciate any help and also weather or not it is advisable to tweak the CSS rather than go through redeployment.

Thank you

fotographer · Posted: Wed Dec 08, 2010 11:53 pm Post subject:

This may or maynot answer your question but usually when I have an issue with things getting pushed around, rather than trying to understand it I just place a panel around the issue and it is usually solved. This does require going back to PS unfortunately.

Hope this helps.

Slade

Eric Hussmann · Media Lab Support Joined: 12 Mar 2008 Posts: 3847

I believe the problem is coming from the fact that SG can't "see" the logo in the upper left as an actual element. It's part of the browser-background graphic, which means that the logowords-button layer is not going to have any way to position itself correctly in relation to that logo graphic.

Fortunately, I played around with the CSS a bit and it seems like you can make one minor edit to fix this.

Open the file "erwin_common.css" and find the entry for that object (should start at line 285). Change position:absolute; to position: relative;

Seems to fix it for me when I test it with Firebug.

Winnie18 · Joined: 03 Nov 2010 Posts: 19

Eric, you are a lifesaver! Thank you. And thank you for reminding me to try things out with Firebug. I was able to troubleshoot a few minor issues that way.