Go Premium for a chance to win a PS4. Enter to Win

x
?
Solved

Table not working correctly in Netscape 4.7

Posted on 2004-09-16
6
Medium Priority
?
156 Views
Last Modified: 2010-04-06
The following code works correctly in the latest version of Netscape, however the width of each cell doesn't seem to work correctly in Netscape 4.7. Any help would be much appreciated. Here is the code:

<table cellpadding="0" cellspacing="0" border="1" width="740">
<tr>
<td colspan="15"> <img src="image1.jpg" width="201" height="79" alt="" border="0"><img src="top_menu_image2.jpg" width="200" height="79" alt="" border="0"><a href="/index.cfm"><img src="logo.gif" width="339" height="79" alt="" border="0"></a></td>
</tr>
<tr valign="middle">
<td width="70" class="menu"><a href="/test/" class="menutext">Test</a></td>
<td><img src="whitebar.gif" width="1" height="27" alt="" border="0"></td>
<td width="82" class="menu"><a href="/test2/" class="menutext">Test2</a></td>
<td><img src="whitebar.gif" width="1" height="27" alt="" border="0"></td>
<td width="214" class="menu"><a href="/test3/" class="menutext">Test3</a></td>
<td><img src="whitebar.gif" width="1" height="27" alt="" border="0"></td>
<td width="70"class="menu"><a href="/test4/" class="menutext">Test4</a></td>
<td><img src="whitebar.gif" width="1" height="27" alt="" border="0"></td>
<td width="76" class="menu"><a href="/test5/" class="menutext">Test5</a></td>
<td><img src="whitebar.gif" width="1" height="27" alt="" border="0"></td>
<td width="152" class="menu"><a href="/test6/" class="menutext">Test6</a></td>
<td><img src="whitebar.gif" width="1" height="27" alt="" border="0"></td>
<td width="70" class="menu"><a href="/test7/" class="menutext">Test7</a></td>
</tr>
<tr><td colspan="15"><img src="spacer.gif" width="1" height="10" alt="" border="0"></td></tr>
<tr><td colspan="15"><img src="spacer.gif" width="1" height="1" alt="" border="0"></td></tr>
</table>

The CSS for this is:
.menu {
 background-color:#003163;
 height:27px;
 border-top-width: 1px;
 border-bottom-width: 1px;
 border-left-width: 0px;
 border-right-width: 0px;
 border-style: solid;
 border-color: #FFFFFF;
 text-align:center;
 }
.menutext   {      
 font-size:11px;
 font-family : Verdana, Arial, Helvetica, sans-serif;
 font-weight: bold;
 color:#FFFFFF;
 text-decoration: none;
 }
0
Comment
Question by:thecode101
6 Comments
 
LVL 15

Assisted Solution

by:joeposter649
joeposter649 earned 1000 total points
ID: 12077288
I don't have ns 4.17 here to test with but you might try changing your colspan's to 13.
0
 
LVL 53

Accepted Solution

by:
COBOLdinosaur earned 1000 total points
ID: 12077557
It is not going to size the same in 4.x because the borders in 4.x have to be the same for all 4 sides, so the CSS results in the sizing being different.

Why would you be worried about supporting an ancient fossil like NS4?  Have you looked at your server logs to see if any visitors are still using browser from the last century? As long as you are support anything that old, you will not be able to use advance methods and expect the rendering to come out correctly.

Cd&
0
 
LVL 3

Author Comment

by:thecode101
ID: 12077621
Joeposter649,
Thanks, I can't believe I missed that. That helped get rid of the whitespace at the end of the row, which was the main problem.

The only problem now is the width of the columns still seems to be off.

Cobol,
I am not real worried if the borders don't work, but it would be real nice to make the width work correctly. Is there any way to do this? And yes I know how old NS4 is, but I need to make this page compatible with as many browsers as possible.
0
Independent Software Vendors: We Want Your Opinion

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

 
LVL 53

Expert Comment

by:COBOLdinosaur
ID: 12078391
>>>Is there any way to do this?
-- Browser detection and then generate browser specific code with scripting; virtually imposible to maintian over time.

-- Seperate style sheets for each browser

-- Seperate pages for each browser

-- Code to the lowest level of support and don't any advance elements.

In the end it really comes down to whether supporting a browser that is no longer in general is worth degrading the performance of browsers that are in use.

Based on current stats there is absolutely no business case to support doing anything for Netscrape 4 unless all of the 0.2% of users still using it visit your site, and generate revenue for you.  Because everything you have to do to support NS4 reduces the quality of the site for users of modern browsers and some of them will go to sites that are more standards friendly.

Cd&


0
 
LVL 36

Expert Comment

by:Zyloch
ID: 12083266
I agree with Cd, whoever still has NS4 and uses it will be so old they'll die soon. There's a certain boundary between supporting so much and supporting too much. I usually code for NS6+ and IE6, although most of the code should work for IE4+ theoretically. Anything lower than NS6 and IE4, you wouldn't have to worry about, and no one really has IE4 anymore... It's all up to you, but I'd repeat that anything lower than IE4 or NS6, you're not going to be doing anything with Javascript. You might as well use a server-side language and refresh the page everytime you want something changed.
0
 
LVL 36

Expert Comment

by:Zyloch
ID: 12083269
EDIT:: Maybe IE4 is even too low, I'd say IE5 to be on the safe side
0

Featured Post

Concerto Cloud for Software Providers & ISVs

Can Concerto Cloud Services help you focus on evolving your application offerings, while delivering the best cloud experience to your customers? From DevOps to revenue models and customer support, the answer is yes!

Learn how Concerto can help you.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Shoutout to Emily Plummer (http://www.experts-exchange.com/members/eplummer26.html) for giving me this article! She did most of it, I just finished it up and posted it for her :)    Introduction In a previous article (http://www.experts-exchang…
What is Node.js? Node.js is a server side scripting language much like PHP or ASP but is used to implement the complete package of HTTP webserver and application framework. The difference is that Node.js’s execution engine is asynchronous and event…
Viewers will learn about basic arrays, how to declare them, and how to use them. Introduction and definition: Declare an array and cover the syntax of declaring them: Initialize every index in the created array: Example/Features of a basic arr…
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).
Suggested Courses

927 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question