Welcome to WebmasterWorld Guest from 54.147.63.124

Forum Moderators: incrediBILL

Message Too Old, No Replies

Overlapping tables in Netscape?

     

reflex

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

Inactive Member
Account Expired

 
 


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)

Preferred Member

joined:Apr 13, 2001
posts:372
votes: 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)

Senior Member

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

joined:May 26, 2000
posts:37301
votes: 0


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.

reflex

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

Inactive Member
Account Expired

 
 


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)

Senior Member

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

joined:May 26, 2000
posts:37301
votes: 0


LOL! I know the feeling very weel.
9:54 am on Aug 28, 2001 (gmt 0)

Administrator from US 

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

joined:Sept 21, 1999
posts:38048
votes: 12


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 Sept 4, 2001 (gmt 0)

Senior Member from US 

WebmasterWorld Senior Member 10+ Year Member

joined:Sept 4, 2001
posts:2144
votes: 7


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 Sept 4, 2001 (gmt 0)

Junior Member

10+ Year Member

joined:July 20, 2001
posts:137
votes: 0


Excellent Marshall!
7:41 pm on Sept 4, 2001 (gmt 0)

Senior Member from US 

WebmasterWorld Senior Member 10+ Year Member

joined:Sept 4, 2001
posts:2144
votes: 7


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 Sept 5, 2001 (gmt 0)

Junior Member

10+ Year Member

joined:July 20, 2001
posts:137
votes: 0


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 Sept 5, 2001 (gmt 0)

Senior Member from US 

WebmasterWorld Senior Member 10+ Year Member

joined:Sept 4, 2001
posts:2144
votes: 7


Mike,

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

 

Join The Conversation

Moderators and Top Contributors

Hot Threads This Week

Featured Threads

Free SEO Tools

Hire Expert Members