HTML Experts...

Hi Rick,

Internet Explorer is real forgiving when it comes to displaying tables in web pages, but not Netscape. I took a look at your page in Netscape 4.6 and everything displayed fine, except that the text on the left was not centered properly over the background. After looking at the code I found the problem and figured out how to fix it.

First, you have your table width set to 720 pixels and your header image (1.gif) in the top row of the table, is 734 pixels wide. The table will expand to fit the image size if it exceeds the table's width, so you need to set your table width to 734 pixels.

In the second row of the table you have the left and right cell widths set to percentages. Since you want the text in the left column to center over the background image 2.gif, you should set the column widths to an absolute pixel width so that it will display properly in Netscape.

So I set the left column to 180 pixels wide which is the width of the background image 2.gif and set the right column to 554 (180 pixels minus 734).

Finally you need to use a shim to make sure that the left cell with the background image has the text centered properly. The shim will help to "hold" the text where you want to display it in Netscape. Just create a transparent 1 x 1 pixel gif file and then insert this image above the text in the left column. Once it is inserted, change its width to 180 pixels to match the width of the table background image 2.gif. Make sure the border is set to 0 on the image.

Once this is done, the text displays properly in Netscape.

Hope this helps,

Linda Locke




Dreamweaver Templates