PDA

View Full Version : CSS Gallery fine in IE7 and FF2 - not in O9



clair
11-14-2006, 10:25 AM
1) Script Title:
CSS Image Library
/*Credits: Dynamic Drive CSS Library for viewing script*/
/*URL: http://www.dynamicdrive.com/style/ */
2) Script URL (on DD):
http://www.dynamicdrive.com/style/csslibrary/item/css-image-gallery/
3) Describe problem:
Works in IE7 and FF2 but does not in O9. Cannot for the life of me figure it out. Usually when things don't work in O9 they also don't work in FF2. So this is most puzzling. Here is the page:

http://www.treetopbuilders.com/portfolio.htm

At first I thought it was a path problem because both FF and O were behaving the same (as O9 is now). So, instead of "images/blah.jpg" I changed everything to "./images/blah.jpg". This fixed the problem in FF2 but NOT in O9.

page is in same dir as the index page. The large images are in /images and the thumbs are in /images/newthumbs.

Any ideas much appreciated. My design promise to my clients is that their pages will work in all three of the major browsers.

Thanks again,
clair

ddadmin
11-14-2006, 11:55 AM
At a glance I don't see anything in your HTML that could be flipping Opera9 out. One guess is that the table cells in which your images/ thumbnails are have their own z-index somehow in Opera that is messing with the defined ones for this code. Can you try duplicating your problem page, strip out most HTML, including the table cells, and see if the problem goes away in Opr9?

clair
11-14-2006, 12:31 PM
Can you try duplicating your problem page, strip out most HTML, including the table cells, and see if the problem goes away in Opr9?

Thanks! That will be a sizeable project in itself! I'll give it a try with a whole new page with just a couple of images on it later today.

If that works in all three broswers, then I'm in for a lot of work with no pay -- have no idea how to approach that problem in CSS yet. I've only been at CSS for about 3 weeks now. (BTW - the page is not of my making, I was repairing a bad site built by someone else -- the DD CSS code replaced a cumbersome and malfunctioning javascript. So, really all I did was strip out the JS and implement the DD code.)

Thanks again for the pointer.
Clair