White bottom border FF only DD Script Thumbnail Viewer

[Girard Ibanez]

1) Script Title: Image Thumbnail Viewer

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex4/thumbnail.htm

3) Describe problem: White bottom border on Thumbnail Viewer using FF only. IE ok. Problem not seen on Dynamic Drive Demo. Issue with my site. See URL below:


URL of site http://www.ibanezfromguam.net/myraptor/r50v2/r50v2_aileron_linkage.html

[jscheuer1]

In your thumbnailviewer.css file:


#thumbBox #thumbImage{ /*DIV within thumbbox that holds the enlarged image */
background-color: #313131;
}

[Girard Ibanez]

I changed it but it's the white border is still there. It has to do with my css (not thumbnail css) because it doesn't happen to the demo.

Your suggestion only changes the thumbnail background but some how the there is a bottom padding that increases the picture.

Thanks

[jscheuer1]

No, actually it is a quirk of HTML 4.01 Strict as applies to images. One of the cases where adherence to standards goes a little too far in my opinion.

Anyways, you can fix it the way I suggested before, looks fine - no one will now the difference. However, if you want to get to the root of the problem, use this style:


#thumbBox #thumbImage img {
display:block;
}

You see, in HTML 4.01 Strict, because images natively display inline, strict adherence to standards reserves room for inline layout of text characters like g and q that require a few more pixels below 'bottom'. By changing the display to block, this is avoided. Silly and stupid if you ask me but, it is a known fact.