Table spacing on a Mac
Hi all. I'm hoping someone has ran into this problem before:
I'm creating an HTML newsletter. The tables seem to be handled quite differently from a PC to a Mac. On a PC, I actually have extra space below the last product on the left. However, on a Mac, the left column extends too far below actually overlapping the text in another table below it.
The test page is at www.undergroundimage.com/wuerch/palmgear/html/
Any thoughts would be appreciated even if it's only regarding how to make the HTML cleaner.
Thanks!
Steve
Busy posted this at 22:17 — 17th November 2002.
He has: 6,151 posts
Joined: May 2001
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
Suzanne posted this at 22:18 — 17th November 2002.
She has: 5,507 posts
Joined: Feb 2000
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.
Suzanne posted this at 22:24 — 17th November 2002.
She has: 5,507 posts
Joined: Feb 2000
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
Busy posted this at 22:46 — 17th November 2002.
He has: 6,151 posts
Joined: May 2001
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 posted this at 22:50 — 17th November 2002.
She has: 5,507 posts
Joined: Feb 2000
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.
Underground posted this at 23:43 — 17th November 2002.
They have: 2 posts
Joined: Nov 2002
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.
Steve
Want to join the discussion? Create an account or log in if you already have one. Joining is fast, free and painless! We’ll even whisk you back here when you’ve finished.