HTML table problem

[Anon]

This is driving me mad. Look at the following page in Internet Explorer:

http://orodruin.sourceforge.net/modules.php?op=modload&name=Encyclopedia&file=index&action=DisplayTerm&vid=1&id=1

See how the table cells write over the image? It works perfectly in Netscape. sigh I need to make it so that:

1) The table that contains Pronunciation, Related Terms, and Related Links stretches 100% to the right until it reaches the image, and then stops. Right now I have it so that the image is aligned to the right of the table. You can see that doing that causes the table cells to overwrite the image.

2) I want the definition text to go directly below the colored table cells and next to the image. So nesting the image and the table cells in question is not an option.

3) The image could be any size, so setting things like specific widths for the table cells will not work.

Anyone got any clever ideas on how to fix this? I'm desperate...

[claire]

Two ways;

1. Either use CSS (Cascading Style Sheets) which will let you position text and images right down to the pixel of your choice (or in % of the screen size)

2. Put the image into a table cell. Use <td rowspan= >to let the image stretch ower a couple of rows.

Use <td colspan = > to let the text below strech ower one more cell (the cell which above it is used for the image)

Hope this helps!

ps bye the way - it looked fine in my IE browser, no need to change... but then I'm a Mac fan and IE on Mac behaves different than IE on the PC..... ds