Netscape 4... cough..puke.. and getElementBy Id

[seocaca]

Howdy pardners,

I've only made a handful of sites. I always stuck straight to html, css, and as little javascript as possible. I always used one size for my pages, based on 800 x 600.

Well, now I'm ready for a change. I'm making a new site. I've developed the pages with several style sheets that target different screen sizes. They all work great with different screen sizes-640 x 480 - 800 x 600 - 1034 x 768, etc. in IE6, Mozilla, Opera.

I'm using tables and plan to stick with tables for this site. I give each table and cell a class name and go to the style sheet to format the width of tables and cells. Each different screen size gets it's own style sheet.

When I give a table a class name to set the width, Netscape 4 doesn't recognize it. so it screws up.

Can somebody please tell me how to set the width of tables in Netscape 4 and IE4 while still being able to use the latest for newer browsers?

Can table and table cells be sized with JavaScript?

Will I have to make altogether separate pages for the old clunkers just using straight html?

I've considered making separate pages but don't know how to serve them up. I know how to detect different browsers but don't know how to serve different pages for the specific browsers.

Please help me.

Thanks for your input. I appreciate it a lot.