I've got a big blue border where I want my drop shadow graphic to show up. But notice the white space between the thick blue border (CSS on enclosing DIV) and the thin grey border (CSS on the IMG). In Safari and Opera the white space is all around, but in Firefox and IE the white space is only on the sides of the portrait-oriented images.

Answer: the solution was to specify display: table-cell; for the DIV I wanted to wrap tight to the image.

Month 2005
Click on picture to enlarge
dsc09384

dsc09393

Here I've used a SPAN instead of a DIV which produces many different results in the various browsers, none desired.

dsc09397

dsc09411

dsc09422

This column is the troublemaker. Narrow images inside a wider TD. The DIV expands to fill the cell and leaves unwanted space.

dsc09425

Softies crowding her out of bed.

dsc09466

Server Side Includes not enabled

Created with iView MediaPro | Sunday, October 9, 2005



Created and maintained by Jeff Shepherd
<http://www.aShep.com/test/shadow/thumbnail.html>
This page rendered: 10/16/05
using Radio UserLand and BBEdit on a Macintosh
Valid CSS! Valid HTML 4.01!