Layers in IE versus NS

[Guest]

I've created a shell of a site for someone to use as a blog at some point,
and I'm having problems with the layers.

In IE 6.x, they display fine, just like I want them. In Netscape 7.2, the
layers display too far to the right of the screen, so they don't match up
with where they are suppose to be.

Everything else on the webpage seems to function like it should. Can
someone tell me if there is some problem where layers would render this
significantly different in these two browsers and if there's a way to fix it?

The site is temporarily here: http://home.nc.rr.com/digdomain

Thanks, in advance.

 

[Murray]

You have done a good job cleaning this up, but there is still work to do.

The layers are being positioned improperly in Netscape because you have
still 'fat fingered' the code.

Change this -

</table>
</div>
</div>
</td>
</tr>
</table>

</td>
</tr>
</table>


</div>

</body>

to this -

</table>
</div>
</td>
</tr>
</table>

</td>
</tr>
</table>


</div>

</body>

to get your outer div's nesting properly implemented within the body.

Next, let's make that outer div wrap the inner contents snugly, so change
this -

<div style="width:900px; height:100%; margin:0 auto; position:relative;">

to this -

<div style="width:770px; margin:0 auto; position:relative;">
(the height is not needed here)

Then change this -

<div align="center">


<table border="1" width="580" height="560" id="table3" bgcolor="#D8BB94"
cellpadding="3">

to this -

<table border="1" width="580" height="560" id="table3" bgcolor="#D8BB94"
cellpadding="3">

and this -

<td style="text-align: right" valign="bottom">

<table border="1" width="515" cellpadding="5" bgcolor="#BB6F22"
height="500" bordercolor="#FFFFFF" id="table4"
background="images/cacti2.jpg">


to this -

<td style="text-align: right" valign="bottom" horiz="left">

<table border="1" width="515" cellpadding="5" bgcolor="#BB6F22"
height="500" bordercolor="#FFFFFF" id="table4"
background="images/cacti2.jpg">

Now the only thing we have to work on is that inner table.

To tell you the truth, the structure of this page is way more complex than
it needs to be, but these changes will get you very close....

 

[Guest]

Murray,

Thanks a ton! I made the changes you suggested and also got rid of what I
think was an unnecessary div tag near the end of the page (actually part of
the code contained in the first change you had me make). After doing so, the
layers on the page, when viewed in IE, had moved to where they were when
viewed in NS. After sliding them back into place in design view, they now
render properly in both browsers. Thanks!

I've played around a little trying to get the inner table to work right,
it's still a problem.

Bottom line: The layers work correctly and that was the most important
thing I was having problems with. Now, I have two smaller issues with the
page: that center table that has the news headlines in it needs to show up
in the lower right of the table it appears in. It does in IE, but in NS it
appears in the lower left. I'm hoping I can figure out why, but I'm guessing
I've got all kinds of tables/cells that have alignment instructions that are
unnecessary and possibly contradictory. I also think that having basically
two tables stacked in one cell is a problem.

The other problem is the way the weather info layer appears in netscape.
It's not far from being acceptable, but doesn't look as clean as it does in
IE.

As an aside, I'm not fully sure what the "horiz="left"" change does (as
opposed to using the style="text-align: left").

Anyway, thanks again for all your help. Any help with that inner table
would be welcome, but I may be able to get it tweaked from here if I play
around long enough with it.