Solved

Table not working correctly in Netscape 4.7

Posted on 2004-09-16
6
152 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 250 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 250 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
Networking for the Cloud Era

Join Microsoft and Riverbed for a discussion and demonstration of enhancements to SteelConnect:
-One-click orchestration and cloud connectivity in Azure environments
-Tight integration of SD-WAN and WAN optimization capabilities
-Scalability and resiliency equal to a data center

 
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

Announcing the Most Valuable Experts of 2016

MVEs are more concerned with the satisfaction of those they help than with the considerable points they can earn. They are the types of people you feel privileged to call colleagues. Join us in honoring this amazing group of Experts.

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
Migrating to Exchange 2013 4 48
SEO friendly way to have two domains on website 9 94
Lines Not Lining Up 2 78
React or Angular? 6 80
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…
SASS allows you to treat your CSS code in a more OOP way. Let's have a look on how you can structure your code in order for it to be easily maintained and reused.
The viewer will learn how to look for a specific file type in a local or remote server directory using PHP.
The viewer will the learn the benefit of plain text editors and code an HTML5 based template for use in further tutorials.

791 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