Table nesting problem

Anon

This is not strictly a PHP coding problem.

But the guys on the alt.html newsgroup were rubbish, so I thought I might ask my buddies at phpbuilder.com.

I'm trying to build a site with a nice header at the top of the page:

<a href="http://robtaylor.port5.com/header_test2.htm">http://robtaylor.port5.com/header_test2.htm</a>

However the table that I've used to contain the different parts of the header is not appearing properly under IE or Netscape.

What am I doing wrong? Also, do I have to just accept and live with the difference in color between the web-safe colors in Fireworks and their hex-value equivalents displayed in IE5 ?

Anon

Eliminate the 100% widths, or force them to a certain size. You will have problems with the percent sign in NS.

A better approach would be to hard code the table with the appropriate widths and heights or to place spacer images inside of them to force the dimensions you want.

Also, do not depend on non breakable (&nbsp😉 spaces to be the correct dimensions, the height of a space character is dependant on the browser settings of the user who is viewing the site.

Anon

I'm no longer familiar with the way Fireworks does web safe colors, however, I find that Adobe Image Ready or Photoshop are seemless.

You don't have to rely on web safe colors as much as you once did, if you want say #E5E5E5 in both your images and html code it is pretty safe to do so.

I still try and stick with the standard web safe colors, but I don't find that it is a total requirement anymore.

Anon

Thanks David.

I deliberately used the % signs, in order that all content will be viewable in different resolutions.

I'm not sure how else I could cater for somebody viewing it in 600x400. Possibly by using JavaScript to sense the resolution(???) Anyway, I don't have time to do that now.

Viewing the page under Netscape 4 and IE5, the RBA logo is displayed with a space underneath it, even when I remove all of the percent signs. In fact, when I try and display this image in a simple table cell like this -

it still gets displayed with a space underneath it. I've converted the image to a gif, and the result's the same.

This space is not part of the image, but all of the browsers I've tried (apart from Netscape 6) display it.

Does anyone have any idea what's going on?

Anon

Try jumbling all your code together, there is probably a hidden character like a carriage return or linefeed which the browser trys to make space for. I have this problem using notepad sometimes.

Anon

Wow! That seems do have fixed it.

Thanks a lot David. I'll try and stay clear of Notepad in the future.

Rob :-)