Subscribe to our mailing list

* indicates required

Table Dangers In Netscape

Posted on June 27, 2000

by Jack Chen

Are you having problems getting tabled layouts to work in Netscape? Here's the solution!

1. Black Table Borders

Some web designers like to create thin rows and columns around their table and fill them up with black to create borders around the table. But beware of Netscape, it has a different interpretion than Internet Explorer!

The problem with Netscape is that it doesn't show empty rows or columns in a table. So if you create a row or a column, change its background to black and don't put anything inside, Netscape will not show it.

Here's the solution:

First, create a 1x1 pixel transparent gif file and name it "trans.gif". Then edit the source of your HTML document, and insert "trans.gif" inside every border.

Example
=======

Old Code:
<TR>
<TD WIDTH=2 BGCOLOR="#000000">
</TD>
</TR>

New Code:
<TR>
<TD WIDTH=2 BGCOLOR="#000000">
<IMG SRC="images/trans.gif">
</TD>
</TR>

=======

Now that the "border" has something in it, Netscape will obediently show your beautiful black borders!

[ Note: You can download a transparent 1x1 image from the following URL: http://www.addme.com/images/trans.gif ]

2. More About Table Borders

Tables come with their own borders. If you don't specify the thickness of the borders, Internet Explorer will go with the default: 0 . Netscape will go with the default too, but it will not appear the way it does in Internet Explorer.

If you don't specify the borders, your table will be surrounded by a transparent border.

Here's the solution:

Example:
========

Old Code:
<TABLE>
<TR>
<TD BGCOLOR="#000000"></TD>
<TD BGCOLOR="#000000"></TD>
</TR>
</TABLE>

New Code:
<TABLE BORDER="0">
<TR>
<TD BGCOLOR="#000000"></TD>
<TD BGCOLOR="#000000"></TD>
</TR>
</TABLE>

========

The old code will make the black columns look spaced out in Netscape, as Netscape creates a transparent border around your table. But if you forcefully tell Netscape that you want the border to be "0", Netscape will have no choice but to remove that transparent border.

That's it! Hope this helps and thank you for reading!



Written by Jack Chen
GoodBookmarks.com
http://www.goodbookmarks.com/
Quality Links To Quality Sites

 

blog comments powered by Disqus
Buy Traffic Keyword Discovery - Keyword Research Tool
Domain Parking Manager - Make more from parking Trellian Direct Search Network
Submit your website to 20 popular
search engines for FREE!
Directory Submission
Start promoting your business! A directory listing can improve visibility to your website. The AddMe Business Directory is one of the fastest growing business directories offering quality, SEO-friendly listings.

Join our free bi-monthly newsletter full of tips and advice to better succeed online!

Need help improving your website's organic rankings in the search engines? Our SEO experts are ready to jumpstart your campaign to increase traffic and sales on your site.
Poll
Do you rely on Google Local Search for your business?
1. Yes
2. No
to see the Poll results!