View Full Version : White bottom border FF only DD Script Thumbnail Viewer

Girard Ibanez
05-23-2007, 06:32 AM
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

05-23-2007, 08:00 AM
In your thumbnailviewer.css file:

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

Girard Ibanez
05-23-2007, 01:04 PM
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.


05-23-2007, 03:20 PM
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 {

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.