PDA

View Full Version : thumbnail not displayed right


marcel1974
10-17-2006, 05:50 PM
Hey guys,

I have a little problem with my thumbnailpage. One of my thumbnails on the second row has no border on the left side. I have looked everywhere, but I can't find what is wrong here. Can somebody help me out please?

The thumbnailpage can be found at:

http://www.amvanleeuwen.nl/index.php?x=browse

Dennis
10-17-2006, 06:04 PM
I don't see anything wrong with Firefox?

marcel1974
10-18-2006, 06:45 AM
In firefox the site looks really strange. It seems that Firefox doesn't work with stylesheets? When you look with IE you'll see what I mean.

Dennis
10-18-2006, 07:21 AM
Well I see quite a difference between IE and FX. Please let me remind you FX is the browser in this case who follows the webstandards.

IE probably goes in quirks mode and tries to guess what it has to be. Therefore in IE it is possible to render complete nonsense so it looks like good HTML. FX on the other hand is less forgivable.

I validated your code and found 12 warnings, most of them has to do with none-closing tags. IE in quirk mode will fix these, FX won't.

I suggest you fix the validation errors and most of the time it will fix these small bugs to. If not, we can always take a look at it again.

GeoS
10-18-2006, 03:29 PM
Take a look in your CSS:
filter:progid:dximagetransform.microsoft.gradient( gradienttype=0, startcolorstr='#001223', endcolorstr='#0C4984');
That isnt valid CSS code (it can only work for MicroSheet products) and so on.

Use CSS for img tag instead of a for thumbs border.

marcel1974
10-19-2006, 07:33 AM
Thanks for your support guys. I used the filter to reach a beautiful gradient background in IE. For FF I have added a background-color. This functions correct.

For the thumbnail, I have added a border for the image tag as GeoS suggested. This is the solution! Only my hover effect doesn't function anymore. But I wil take some time to find a satisfying solution for this.

However, another problem has risen. In FF The blue square is centered in the row (valign=middle). But in IE the square is aligned at the top of the row. I have looked everywhere (also tried different doctype's), but can't find it.

Maybe you have a suggestion?

Thx,