Underground — Sun, 17 Nov 2002 23:43:32 +0000

THANKS BUSY & SUZANNE!!!!!! That was it! (take out the height="100%" in the mid table) is what the problem was. I didn't realize I had even put that in there. The different color table borders is a great tip too. Thanks for all the info.

Suzanne — Sun, 17 Nov 2002 22:50:17 +0000

Definitely -- I would like to advocate a different approach, though. You don't need this many tables. A lot of tables are needlessly complex, and some aren't needed at all. Using colspan, rowspan, and valign, you could simplify this page easily, increase load time, decrease maintenance time and energy and it would look better, as well.

Busy — Sun, 17 Nov 2002 22:46:30 +0000

a little trick I learn years ago if your using many nested tables is to give each table a different border color and set borders to 1, that way you can see where tables start and finish and whats inside what, when finish editing set borders to 0 and your done, when you need to edit again in 6 months just set to 1 again and you should be able to se how you set it up in the first place.

Suzanne — Sun, 17 Nov 2002 22:24:15 +0000

You are missing a so far. And a lot of alt attributes for your image tags. It's worth doing it for marketing alone, with the added benefit of getting some accessibility points!

If you are using CSS, do away with the font tags and the inline styles.

Also, it's always a good idea when using complex nested tables to troubleshoot by turning on the borders, and to make your code VERY well organized.

... more coming

Suzanne — Sun, 17 Nov 2002 22:18:58 +0000

Have you tried validating the code?

http://validator.w3.org

I'll take a walk through it and see if I can identify the problem.

Busy — Sun, 17 Nov 2002 22:17:44 +0000

I don't have a mac, but took a look at your code, in IE the yellow (left section) I don;t see any gap after the last product but the products are very spaced out, in fact the silver screen is going under the scrabble one so I can only just see half of the price and loose the bottom word. and then there is fireviwer suite to the right (under the white but still in the yellow) so am not sure if that should be left or right.

In Opera6 (as opera) the products are nicely aligned one after the other except for two, the scrabble and fireviewer are at the bottom with the fireviewer being under the white.

where is the yellow section meant to start after the white content?

Your code looks ok but try take out the height="100%" in the mid table (about four tables down) or double check the height and use of the 1pixel.gif which you have used a lot