Welcome to WebmasterWorld Guest from

Forum Moderators: incrediBILL

Message Too Old, No Replies

Overlapping tables in Netscape?



2:57 pm on Aug 27, 2001 (gmt 0)

I am constantly intrigued by browser compatability...in Netscape some of the tables in our site are overlapping each other (text on top of text, text behind pictures)

Other that reformatting page structures is there a clever code to insert? Please share-


5:41 pm on Aug 27, 2001 (gmt 0)

I know where you're coming from as I have the same problems with Netscape and tables. Unfortunately I'm fairly sure there is no way around this except for fiddling with your table structure until you get the desired effect.

If someone could.......please correct me and tell me I'm wrong. *please*


7:53 pm on Aug 27, 2001 (gmt 0)

WebmasterWorld Senior Member tedster is a WebmasterWorld Top Contributor of All Time 10+ Year Member

Netscape sometimes does this when it gets "confused". It is much less forgiving than IE when the code for tables isn't absolutely perfect.

So the first thing is run the page through an HTML validator, like the one at Search Engine World [searchengineworld.com], our sister site. You may locate a missing </td> or something that fixes the whole problem.


8:41 pm on Aug 27, 2001 (gmt 0)

Thanks Tedster-

The html validator is nice. Good for picking through my code -- didn't know I was so sloppy.


9:05 pm on Aug 27, 2001 (gmt 0)

WebmasterWorld Senior Member tedster is a WebmasterWorld Top Contributor of All Time 10+ Year Member

LOL! I know the feeling very weel.


9:54 am on Aug 28, 2001 (gmt 0)

WebmasterWorld Administrator brett_tabke is a WebmasterWorld Top Contributor of All Time 10+ Year Member Top Contributors Of The Month

The easy part is getting it to validate - the hard part is making sure if validates after you start making little browser tweaks for compatability sake.


5:15 am on Sep 4, 2001 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member

I design web sites and have found by trial and error that there are the three quirks about Netscape that cause tables to overlap even if you pass W3C's HTML validator.

First - If you are using tables for page layout and insert a table into a data cell, if the data cell is a fixed size, the table cannot be set at a percentage. If the inner table is in percentages, the table attempts to push beyond the data cell. This is compounded further if your tables have a cell padding at anything other than zero. If you're using an outer table with say two data cells wide: the left being 180 pixels and the right being 600, and you insert a table in either cell, its width has to be fixed at the width of the cell LESS the padding settings of both tables. I have found it easier to set the padding for all tables at zero than assign padding to individual cells using an imbedded style in the <td> tag: <td style="padding: 2px> And for some odd reason, Netscape adds the table padding to the outside of the table, not just in the data cells. Data cells within the inner table can be set as percentages without causing overlapping.

Second - If you have an image in a data cell and have the cell width at the same width of the image, the <td> tag must be at the beginning of the <img> tag and the </td> must be at the end of your image information. In other words, do not use the return/enter key between the <td> <img> and </td>. Some HTML editors will automatically do this so you'll have to correct it manually. It should look like this: <td><img src....></td>. For some reason, if you place the <td> and </td> on separate line then the <img> tag, Netscape treats it as a space thus making the cell wider by what ever the default font setting is.

Third and final - If you are using a form with any text area, Netscape makes it wider than your setting. From what I can tell, if your text area is set at 20 characters (which is how it will display in IE and Opera) Netscape 4.7 makes it about 32 and Netscape 6 makes it about 40. Short of placing a browser detection script on your page, the best thing to do is either make your text area very small or allow a lot of space.


3:49 pm on Sep 4, 2001 (gmt 0)

10+ Year Member

Excellent Marshall!


7:41 pm on Sep 4, 2001 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member

Thanks Mike,

It really was by accident that I discovered all of this. I have 8 browsers on my computer to test in and a downloadable version of W3C's HTML validator. I use to only have IE until someone told me they had trouble with my one site in Netscape. It is time consuming to check a page in all of them, but I think in the end it's worth it. Of course, since you have to use MARGINGHEIGHT and MARGINWIDTH in the <BODY> tag to make N4 happy, you never truly pass the validator.

Here's another quirk with Netscape 4 that I discovered, though I don't think it affects the overlap problem. It affects CSS, which I use a lot. N4 doesn't see font settings when you place them in the body. N6 does though. I have found it necessary to do <style type="text/css"> body,th,td,p {font information} </style>. If necessary I add dd,li, and so one depending what I am doing on the page. But it's these little challenges that make life more interesting. Okay, maybe not. At least it gives us something to talk about.


3:33 pm on Sep 5, 2001 (gmt 0)

10+ Year Member

You're right. NN4.x doesn't inherit styles very well.

I think I found a little "gotcha" concerning marginwidth=0 and marginheight=0 in Opera5. Opera uses the attributes... as if this was a <frame> instead of <body>. The bad thing is that after using that, the padding css property for body doesn't seem to work.


3:49 pm on Sep 5, 2001 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member


And that's what makes web designing sooooo much fun :)


Featured Threads

Hot Threads This Week

Hot Threads This Month