OVERFLOW for Div in table?

  • Thread starter Thread starter Paul W
  • Start date Start date
P

Paul W

I need a 2*2 table, where the lower-right cell contains a picture. I want
this cell to have vertical and horizontal scrollbars to allow scrolling of
the picture within the cell if it is too large for the cell.

The following html works like a charm in IE, but Netscape 7.2 refuses to
show the scrollbars.

Any ideas how I can fix this, or alternate approaches that will work in both
(all?) browsers?

Thanks, Paul.
---------------------
<body>

<table border="1" width="100%" id="table1" height="100%"
style="TABLE-LAYOUT: fixed;">
<tr>
<td width="66" height="66">&nbsp;</td>
<td height="66">&nbsp;</td>
</tr>
<tr>
<td width="66">&nbsp;</td>
<td>

<DIV id="scrollregion" style="OVERFLOW: auto; WIDTH: 100%; HEIGHT: 100%" >
<img src="default18.bmp">
</DIV>

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

</body>
 
First off, never use BMP images on the web. They are completely
uncompressed and monstrous. Turn that puppy into a GIF or JPG image before
placing it on your page. Then, instead of having a scrolling <div> like you
do, use an IFrame. But be aware that nothing you do will be done without
compromise. IFrames carry with them all the problems of frames, with the
added problem of browser support (NN4x will not use them), yet it may solve
this particular problem as you need.
 
Back
Top