Still celebrating National IT Professionals Day with 3 months of free Premium Membership. Use Code ITDAY17

x
?
Solved

Table not working correctly in Netscape 4.7

Posted on 2004-09-16
6
Medium Priority
?
155 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
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
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.

 
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

Free Tool: Subnet Calculator

The subnet calculator helps you design networks by taking an IP address and network mask and returning information such as network, broadcast address, and host range.

One of a set of tools we're offering as a way of saying thank you for being a part of the community.

Question has a verified solution.

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

It's sometimes a bit tricky to use date functions in Oracle BPEL. I'll explain quickly how you can add N days to the current date. In a BPEL process this can be useful, and you can adapt it to fit your needs. First of all, let's see how to add 1 …
Styling your websites can become very complex. Here I'll show how SASS can help you better organize, maintain and reuse your CSS code.
The viewer will the learn the benefit of plain text editors and code an HTML5 based template for use in further tutorials.
The viewer will learn the basics of jQuery including how to code hide show and toggles. 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…

722 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