Loading image, problem with Firefox

PupChow

It is a rather strange problem... to better explain the problem please see here with IE & Firefox:
http://www.liondancedatabase.org/usatroupe.php

What is happening is that I am storing the path to an image in the database and calling the IMG SRC in a loop. The problem is the way Firefox is rendering the page, it doesn't seems to take the image into consideration before rendering the page. Is there a way around it?

bpat1434

That's not PHP, that's bad CSS....

I'm guessing you coded it to look OK in IE, but when you test in firefox, everything looks "wrong". Well, in all honesty, everything is wrong in IE, but right in firefox. The CSS code you have written is interpreted properly in Firefox as far as standards are concerned. In IE, the engine actually guesses at what you meant (not a good thing) and displays what it thinks you meant.

The way to combat this is to code per the standard, and for Firefox/Konquerer/Safari first. When you've got them the way you want them, start fiddeling with items and see how it changes in IE. Then, use a small "hack" or trick to hide certain code from IE (both Mac & Win) and put what Firefox should render.

So a sample would be:

/*
**  This is code IE & Firefox will see
*/

body{ background-color: #ccc; }
#wrapper{ width: 748px; }

/* IE Mac Hack/Exploit \*/

body > #wrapper { width: 750px; }

/*******************/

CSS code is executed from the top down, and if you define an item twice, the latter definition trumps the prior.

If you need more help with CSS and getting it working, use the CSS Validator (w3.org) and check out the forums over at csscreator.com, and use google to find out about IE hacks/exploits to get your CSS more "universal"....

PupChow

Gotcha, I'll look into that, thanks!

bpat1434

One thing I notice is that you don't specify how the items relate to eachother. Are they floated, nested, or what? That's most likely where your problem lies. The CSS engine doens't know what to make of the relationships. I'm guessing if you define them, you'll see some favorable changes on the FF side, and some unfavorable ones on the IE side.