Anyone have any suggestions on how to make the nested table display correctly in Netscape?

Now I'm not sure what to do, because it shows just fine in IE, but I have no clue on how to make page layout consistent with NS.
Check out http://www.chr-quartz.no/english/index.htm

I guess there must be some way using CSS as the
<div style="overflow: auto; height= 100%">
value to the middle cell doesn't seem to work with NS.

your div code should be:

<div style="overflow: auto;" height="100%">

plus you need a width. The overflow: auto doesn't work without a width ...

Love,
Mirna

Thanks that made the scrollbar work better in NS, but still the table doesn't expand to the bottom! I'm left with a tiny scrolling cell... tried changing the cell height under <td height="## px"> but it didn't show up in NS...

Thanks for your reply!

Hmmm. That wasn't really it, looks like I've cleaned up the html and got rid of some unwanted <td> tags. It works better, but btw making the div to
<div style="overflow: auto;" height="100%">
as Magicsun suggested, made the whole page expand to its full contents in IE. Thus, no cell scrollbars!

The site works much better now, but does anyone now if there is a way to make the footer always stay at the bottom of the page? CSS code?? The problem is I've used three divs to produce the table dropshadow, and any adjustments to them would ruin the effect.... Maybe I should have stuck to frames?

Well, before I attempt to answer your question, I notice that you have some mistakes in your code... It's always easier to work with correct coding since sometimes just fixing your code is what fixes the problem...

First, at the top you have:

<div id=DMBRI style="position:absolute;">

It's sort of pointless to have that absolute positioning bit in there since you aren't positioning it to anywhere... so you should change it to:

<div id="DMBRI">

Then, and I think Mirna already told you to fix this, you have:

<div style="overflow: auto; height= 100%">

It should be:

<div style="overflow: auto;" height="100%">

And then, at the very bottom, you have one too many </div> tags and an extra </td> and </tr> tag:

</div>
</div>
</div>
</div></td>
</tr>
</body>

should be:

</div>
</div>
</div>

</body>

Now, to answer your question... Since your table height is set to 98%, then the then footer will always be at the bottom.

Thanks for the tip! I've removed the extra div, td and tr tags at the end, but as for the other changes suggested, they have some undesired effects:

First of all, <div id=DMBRI style="position:absolute;"> seems to have something to do with the placement of the menu line. Removing "position:absolute", will shift it slightly.

Second, changing the
<div style="overflow: auto; height= 100%"> to
<div style="overflow: auto;" height="100%">
results in Netscape only showing the table cell as 100 pixels high, which points to the question I started out with: how to make layout consistent to IE.

The tag as it is may be wrong, but it seems to do the trick in IE, while NS just ignores it - which is second best. The pages can at least be read properly in NS that way.

And correct me if I'm wrong, but setting table height to 98% does NOT put the footer at the bottom in Netscape - as % is not supported as a table height property in this browser, I'm told. But this may be possible to do with css???