Forum Moderators: open
I have developed a home page which works fine on latest Internet explorer, Firefox and mozilla browsers. But, in netscape - i face a strange issue.
My home page has 2 tables. One to the left and other to the right. The right table has 2 nested table table in seprate TD's. Now, when i open the page from the netscape browser, the 2nd table seems shifted to the middle and it leaves 40% of the page blank on the right hand side. It also seems that the 2 tables are squeezed in and look very small in width. The footer is displayed properly below it. When do refresh it 2 times, then it is displayed properly. In all other browsers, i do not face such a problem. I have tried to solve it by giving a width="100%" to the TD's within the table but NO LUCK. Also, when i do as "save as" of the page from netscape to my hard disk and then open it using Netscape, it shows fine and i even do not require to REFRESH it at all.
Any ideas how i can solve this problem?
-Sumit Shah.
[edited by: BlobFisk at 8:28 am (utc) on Oct. 11, 2004]
[edit reason] No URLs please! See TOS [webmasterworld.com] [/edit]
One thing I have done that works really well with most versions of NN is to place a single-cell table inside and empty TD, and that usually causes it to look right no matter what browser I'm using. Something like this:
<td>
<table cellpadding=0 cellspacing=0 border=0><tr><td></td></tr></table>
</td>
-Moz
The version is Netscape 7.1
the code structure is as follows:
<table cellSpacing='0' cellPadding='0' border='0'>
<tr>
<td valign="top" width="100%">
<table cellSpacing='0' cellPadding='0' width='100%' align='left' border='0'>
<!-- table one content here -->
</table>
</td>
<td valign="top" width="100%">
<table cellSpacing='0' cellPadding='0' width='100%' align='left' border='0'>
<!-- table two content here -->
</table>
</td>
</table>
pls help
[edited by: tedster at 7:01 am (utc) on Oct. 12, 2004]
[edit reason] remove url [/edit]
At any rate, my first step in any debug is first to validate the mark-up:
[validator.w3.org...]
Because each browser has unique error recovery routines, when there are errors what "works" in one browser may not work in another. If there are errors, you can chase in circles for a long time. So, please check, does your mark-up validate?
A far easier way is this:<td> </td>
This is very true, but can create problems with NN with background colors applied to the cell.... or was it the table... it's been a long time; many, many beers ago, so I forget the exact circumstances, but at the time I found the embedded single-table cell to be more consistent.
-Moz
Here is the code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Untitled Document</title>
</head><body>
<table width="400" border="1" cellpadding="0" cellspacing="0">
<tr height="100">
<td scope="row"> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr height="100">
<td rowspan="21" scope="row">
<!-- Begin first nested table - this is where the text will not appear in the print preview over page breaks -->
<table border = 3 cellpadding="0" cellspacing="0">
<tr height="200">
<td height="200"><strong>"YES"<span class="indent_white_2">></span><br>>></strong><br></td>
</tr>
<tr height="200">
<td height="200"><strong>"YES"<span class="indent_white_2">></span><br>>></strong><br></td>
</tr>
<tr height="200">
<td height="200"><strong>"YES"<span class="indent_white_2">></span><br>>></strong><br></td>
</tr>
</table>
<!-- End first nested table - this is where the text will not appear in the print preview over page breaks -->
</td>
<td><span>test</span></td>
<td rowspan="21" scope="row">
<!-- Begin second nested table - this is where the text will not appear in the print preview over page breaks -->
<table border = 3 cellpadding="0" cellspacing="0">
<tr height="200">
<td height="200"><strong>"YES"<span class="indent_white_2">></span><br>>></strong><br></td>
</tr>
<tr height="200">
<td height="200"><strong>"YES"<span class="indent_white_2">></span><br>>></strong><br></td>
</tr>
<tr height="200">
<td height="200"><strong>"YES"<span class="indent_white_2">></span><br>>></strong><br></td>
</tr>
</table>
<!-- End second nested table - this is where the text will not appear in the print preview over page breaks -->
</td>
<td><span>test</span></td>
</tr>
<tr height="100">
<td><span>test</span></td>
<td><span>test</span></td>
</tr>
<tr height="100">
<td><span>test</span></td>
<td><span>test</span></td>
</tr>
<tr height="100">
<td><span>test</span></td>
<td><span>test</span></td>
</tr>
<tr height="100">
<td><span>test</span></td>
<td><span>test</span></td>
</tr>
<tr height="100">
<td><span>test</span></td>
<td><span>test</span></td>
</tr>
<tr height="100">
<td><span>test</span></td>
<td><span>test</span></td>
</tr>
<tr height="100">
<td><span>test</span></td>
<td><span>test</span></td>
</tr>
<tr height="100">
<td><span>test</span></td>
<td><span>test</span></td>
</tr>
<tr height="100">
<td><span>test</span></td>
<td><span>test</span></td>
</tr>
<tr height="100">
<td><span>test</span></td>
<td><span>test</span></td>
</tr>
<tr height="100">
<td><span>test</span></td>
<td><span>test</span></td>
</tr>
<tr height="100">
<td><span>test</span></td>
<td><span>test</span></td>
</tr>
<tr height="100">
<td><span>test</span></td>
<td><span>test</span></td>
</tr>
<tr height="100">
<td><span>test</span></td>
<td><span>test</span></td>
</tr>
<tr height="100">
<td><span>test</span></td>
<td><span>test</span></td>
</tr>
<tr height="100">
<td><span>test</span></td>
<td><span>test</span></td>
</tr>
<tr>
<td><span>test</span></td>
<td><span>test</span></td>
</tr>
<tr>
<td><span>test</span></td>
<td><span>test</span></td>
</tr>
<tr height="100">
<td><span>test</span></td>
<td><span>test</span></td>
</tr>
<tr height="100">
<td><span>test</span></td>
<td><span>test</span></td>
</tr>
</table>
</body>
</html>
first step in any debug is first to validate the mark-up:[validator.w3.org...]
Sumitshahz: what was the outcome of your validation?
Buck1107: Have you checked yours yet? That's the first step.
-----
<td height="100"><span>test</span></td>
<td rowspan="21" valign="middle" scope="row"> <!-- Begin second nested table - this is where the text will not appear in the print preview over page breaks -->
<table border = 3 cellpadding="0" cellspacing="0">
<tr>
<td height="200"><strong>"YES"<span class="indent_white_2">></span><br>>></strong><br></td>
</tr>
<tr>
<td height="200"><strong>"YES"<span class="indent_white_2">></span><br>>></strong><br></td>
</tr>
<tr>
<td height="200"><strong>"YES"<span class="indent_white_2">></span><br>>></strong><br></td>
</tr>
</table>
<!-- End second nested table - this is where the text will not appear in the print preview over page breaks -->
</td>