Forum Moderators: open

Message Too Old, No Replies

Strange Netscape display issue.

Strange Netscape display issue.

         

sumitshahz

7:30 am on Oct 11, 2004 (gmt 0)

10+ Year Member



Hi All,

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]

Hester

2:56 pm on Oct 11, 2004 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Which version of Netscape? 1, 2, 3, 4, 5, 6 or 7?

MozMan

3:32 pm on Oct 11, 2004 (gmt 0)

10+ Year Member



In addition to which version, I'd also be interested to know if there are any empty TDs in there... My experience with NN is that the empty TDs don't tend to look the way I want them to, especially if I have nested tables.

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

sumitshahz

5:15 am on Oct 12, 2004 (gmt 0)

10+ Year Member



Hi,

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]

tedster

7:22 am on Oct 12, 2004 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



It is odd to hear about Mozilla and Firefox working but Netscape failing - they use the same rendering engine.

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?

piskie

7:40 am on Oct 12, 2004 (gmt 0)

10+ Year Member



Tedster
Does validating show up 'Empty' TDs?

Hester

9:09 am on Oct 12, 2004 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



<td>
<table cellpadding=0 cellspacing=0 border=0><tr><td></td></tr></table>
</td>

A far easier way is this:

<td>&nbsp;</td>

tedster

4:52 pm on Oct 12, 2004 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Does validating show up 'Empty' TDs?

No, it doesn't. Empty <td></td> may cause unwanted display issues, but it isn't invalid mark-up. For some table display effects, it can be desirable.

MozMan

10:18 pm on Oct 12, 2004 (gmt 0)

10+ Year Member



A far easier way is this:

<td>&nbsp;</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

sumitshahz

5:39 am on Oct 13, 2004 (gmt 0)

10+ Year Member



Hi Guys,

I think we are moving off the topic......

Jusy for your info, this problem does not arise in Netscape 7.2 and it looks fine...

Any help?

-Sumit.

gohankid77

3:45 pm on Oct 13, 2004 (gmt 0)

10+ Year Member



Mozilla and Firefox are more up-to-date than Netscape, so it could be possible that something works in the former two browsers but not Netscape.

buck1107

3:40 pm on Nov 8, 2004 (gmt 0)

10+ Year Member



I am having a similar problem with Netscape 7.2. I have nested tables, and the text in the inner table will not display in the print preview/print.

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">&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</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>

WebDon

7:34 pm on Nov 8, 2004 (gmt 0)

10+ Year Member



In an earlier post Tedster recommended checking your 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.

buck1107

9:46 pm on Nov 8, 2004 (gmt 0)

10+ Year Member



Thanks WebDon.
I just validated the page - removed the "height" attribute from <tr>.
The printing/print preview problem remains, however. The nested tables "drift" towards the bottom of their cells, even though the valign is set to "middle". Here is how I've changed the code:

-----


<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>