Navigation Bar Alignment Problem

**Sundari** · Dec 12, 2001 10:06

Hello everyone!

I'm having a problem with my top nav bar on my site. It looks great in all the IE browers but when you view it in Netscape 4.7 one cell scrunches together. I've tried readjusting the cell width...but Netscape just ignores it...Help!

Here's my code:
<head>
<style type="text/css">

</style>
</head>


<div align=right>
<TABLE BORDER=0 CELLSPACING=0 WIDTH="750px">
<TR>
<td width=50%> </td>
<td class="menulines"><center><b><a href="http://www.cmtonline.com">Home</a></b></center></font></td>
<td class="menulines"><center><b><a href="http://www.cmtonline.com/backgroun.html">Company</a></b></center></font></td>
<td class="menulines"><center><b><a href="http://www.cmtonline.com/staff.html">Contact Us</a></b></center></font></td>
<td class="menulines"><center><b><a href="http://www.cmtonline.com/cims3.html">Software</a></b></center></font></td>
<td class="menulines"><center><b><a href="http://www.cmtonline.com/technical.html">Support</a></b></center></font></td>
</tr>
</table>
</div>


If anyone has any ideas please let me know...I've been working on this problem for too long.

Thanks in advance!

**Ian Glass** · Dec 12, 2001 10:24

And this is why they invented spacer gifs... Place a small (1px x 1px) transparent gif on it's own line and use the height and width attributes to manipulate it to the size you want like so:

Code:

<!-- ... -->
<td width="50%"><img src="spacer.gif" width="minNumOfPx" height="1" alt=""/></td>
<td class="menulines" width="10%">Link 1<br /><img src="spacer.gif" width="minNumOfPx" height="1" alt=""/></td>
<td class="menulines" width="10%">Link 2<br /><img src="spacer.gif" width="minNumOfPx" height="1" alt=""/></td>
<td class="menulines" width="10%">Link 3<br /><img src="spacer.gif" width="minNumOfPx" height="1" alt=""/></td>
<td class="menulines" width="10%">Link 4<br /><img src="spacer.gif" width="minNumOfPx" height="1" alt=""/></td>
<td class="menulines" width="10%">Link 5<br /><img src="spacer.gif" width="minNumOfPx" height="1" alt=""/></td>
<!-- ... -->

I think that'll be your best (only) option. :-(

For all those wondering why I'm not arguing for some cross-browser, standards-compliant solution, well Sundari was asking to support NS4. They are no cross-browser, standards-compliant solutions that work with NS4. :-(

~~Hope This Helps

**Sundari** · Dec 14, 2001 14:09

Thanks Ian! That did the trick and my manager is smiling at me once again

Happy Holidays!

Sundari

**Ian Glass** · Dec 14, 2001 17:11

Glad to help, as always. :-)

User Tag List

Thread: Navigation Bar Alignment Problem

Thread Tools

Display

Navigation Bar Alignment Problem

Bookmarks

Bookmarks

Posting Permissions