[LPH2005]

Sigh. I’m exhausted battling this one for a while now. Your turn (LOL).

Special code for the page.php has css that should get the table to extend 100% and keep the thumbnails to about half the page. Instead, FF and chrome properly show the table, thumbnails, and the widgets but IE is being stubborn and putting the thumbnails the total area of the table.

Firebug is not helping here. Any suggestions?

URL: http://www.thechembook.com/start — see the thumbnails at the top?

[Hugo Ashmore]

In all honesty this isn’t the appropriate element to use for a list of thumbnail images; tables are for tabulated data which a series of images isn’t, these should really be a ul li which ultimately you will find easier to style and control.

If you’re persevering with the table then I would suggest you create a Conditional Comment file for IE 8 or perhaps [IE lte 8] and run some checks for IE 7.

The issue looks to be Modern browsers shrinkwrapping the tr/td to the content width i.e the image whereas IE is creating a td that adjusts to the table width. You could use a fuller set of table attributes and specify cols and their widths but this is getting into advanced table constructs.