Browser compatibility question

[BuckFu]

Hi, new to the boards and got a weird question.

I'm building a site where I have a table set at 100% height, with two rows....

row 1 set at 120pixels high

2nd row set at *% (so that it fills up whatever remaining space of the window)

Everything looks great in IE, but in NS the fixed-sized row continues to resize. Any ideas as to how to fix this? If I change anything then it loses it resizeability, and the scroll bars show up.

Here's a real simple example of what I'm talking about:

click here for example (http://www.buckfu.com/new_page_1.htm)

the top, blue row is set to 108px. to match the image. The gray row is set to *% to expand with browser window....works in IE, not in NS...

[MCookie]

BuckFu, the best way to fix that is to use TWO tables :)

<table width="100%" height="120" border="1" cellspacing="0" cellpadding="0">
<tr>
<td width="1"><img src="spacer.gif" width="1" height="120" alt=""></td>
<td>contents</td></tr></table>

<table width="100%" height="100%" border="1" cellspacing="0" cellpadding="0">
<tr>
<td>contents</td></tr></table>

[BuckFu]

Yeah, that will solve the resizing problem of the first row, but it brings up a 2nd problem....

If I set the 1st row to 108px..and then put a new table in at 100%, it causes the scroll bars to show up, because it pushes the first row, since it's trying to fill 100% of the screen. so it causes the window to scroll the exact height of the first row.

Confusing, and frustrating... I do appreciate your help!

[MCookie]

Well then, try this:

<table width="100%" height="100%" border="1" cellspacing="0" cellpadding="0">
<tr>
<td height="120" valign="top">

<table width="100%" height="120" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>contents</td></tr></table>

more contents

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

[BuckFu]

Thanks a lot, that did the trick....now to start rebuilding my pages....uggh.


Much appreciated.