homepage Welcome to WebmasterWorld Guest from 54.226.213.228
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Become a Pro Member
Visit PubCon.com
Home / Forums Index / Code, Content, and Presentation / HTML
Forum Library, Charter, Moderators: incrediBILL

HTML Forum

    
Overlapping tables in Netscape?
reflex




msg:604237
 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-

 

satanclaus




msg:604238
 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*

tedster




msg:604239
 7:53 pm on Aug 27, 2001 (gmt 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




msg:604240
 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.

tedster




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

LOL! I know the feeling very weel.

Brett_Tabke




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

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.

Marshall




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

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.

MikeFoster




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

Excellent Marshall!

Marshall




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

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.

MikeFoster




msg:604246
 3:33 pm on Sep 5, 2001 (gmt 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.

Marshall




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

Mike,

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

Global Options:
 top home search open messages active posts  
 

Home / Forums Index / Code, Content, and Presentation / HTML
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved