Solved

Table not working correctly in Netscape 4.7

Posted on 2004-09-16
6
151 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
Live: Real-Time Solutions, Start Here

Receive instant 1:1 support from technology experts, using our real-time conversation and whiteboard interface. Your first 5 minutes are always free.

 
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

Live: Real-Time Solutions, Start Here

Receive instant 1:1 support from technology experts, using our real-time conversation and whiteboard interface. Your first 5 minutes are always free.

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
Programatically edit Web.config 8 32
PHP radio buttons with email not sending 24 99
Coova-Chilli can't work with URL using HTTPS! 3 213
Fixed div within Bootstrap carousel item 11 58
There are two main kinds of selectors in CSS: One is base selector like h1, h2, body, table or any existing HTML tags.  For instance, the following rule sets all paragraphs (<p> elements) to red: (CODE) CSS also allows us to define our own custom …
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…
The viewer will learn the benefit of using external CSS files and the relationship between class and ID selectors. Create your external css file by saving it as style.css then set up your style tags: (CODE) Reference the nav tag and set your prop…
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)

786 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