[QUOTE=ronpat;5623152]As you already know, the tables will have to go. I think you need to consider a different layout, too. The present layout imposes awkward dead spaces. In a new layout the images can be aligned down one edge or alternated to opposite edges. If the details are allowed to start at the top of each block, then longer details can wrap beneath the image. On narrow devices, the details can be positioned beneath each image, or the thumbs can be scaled smaller and the text still allowed to wrap. The text in the details can be vertically centered for wider screens. You may also consider just showing a screen full of images which the user can click to show the details.[/quote]
@ronpat, your design for my category pages looks really great.
http://www.vintagetextile.com/1940s_to_designer.htm
You have the images aligned down one side and text below in DW Design view. By your CSS magic, the page preserves the checkerboard effect I want on screens 900 pixels or above. I then looked at a tablet preview (521-900 px) and a smartphone preview (520 or less px) and those both looked really fine.
My next step is to really understand your CSS and how you accomplished your magic and then implement it for the 1940s-Designer page. Something will probably have to be done with the logo, which is a .jpg or .gif, probably creating a smaller one.
Also the heading (1940s to Designer Vintage Clothing) will probably have to be styled to accomodate smaller screens. Finally, there is tricky but important issue of the links at both top and bottom of the page. I assume that CSS will have to stack them vertically one at a time for the phone and perhaps 2/line for the tablet.
Also you mentioned a problem with IE8 (and earlier). The page looked great in IE10.