Solved

Table not working correctly in Netscape 4.7

Posted on 2004-09-16
6
148 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
Comment Utility
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
Comment Utility
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
Comment Utility
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
How to run any project with ease

Manage projects of all sizes how you want. Great for personal to-do lists, project milestones, team priorities and launch plans.
- Combine task lists, docs, spreadsheets, and chat in one
- View and edit from mobile/offline
- Cut down on emails

 
LVL 53

Expert Comment

by:COBOLdinosaur
Comment Utility
>>>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
Comment Utility
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
Comment Utility
EDIT:: Maybe IE4 is even too low, I'd say IE5 to be on the safe side
0

Featured Post

Do You Know the 4 Main Threat Actor Types?

Do you know the main threat actor types? Most attackers fall into one of four categories, each with their own favored tactics, techniques, and procedures.

Join & Write a Comment

Suggested Solutions

When you work with shopping cart / ecommerce relates web sites, you need to pass the certain form post details to the payment gateway process page with required details for the products items you give to order. Also you may need to track the ordered…
JavaScript has plenty of pieces of code people often just copy/paste from somewhere but never quite fully understand. Self-Executing functions are just one good example that I'll try to demystify here.
Viewers will learn about arithmetic and Boolean expressions in Java and the logical operators used to create Boolean expressions. We will cover the symbols used for arithmetic expressions and define each logical operator and how to use them in Boole…
The viewer will learn how to create and use a small PHP class to apply a watermark to an image. This video shows the viewer the setup for the PHP watermark as well as important coding language. Continue to Part 2 to learn the core code used in creat…

728 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

Need Help in Real-Time?

Connect with top rated Experts

10 Experts available now in Live!

Get 1:1 Help Now