470,581 Members | 2,460 Online
Bytes | Developer Community
New Post

Home Posts Topics Members FAQ

Post your question to a community of 470,581 developers. It's quick & easy.

DIV Scrollbar problem in FireFox...

Dear Friends

The follwing code works well in IE .
-------------------------------------------

<HTML>
<body>
<TABLE id="tblParent" borderColor="#ccc6b0" cellSpacing="0"
height="100%" cellPadding="0" width="100%" border="1">
<TR style="height:50px">
<TD colSpan="3" valign="top">
TopPanel
</TD>
</TR>
<TR>

<TD width="115">
Left Panel
</TD>

<TD valign="top">
<div
STYLE="overflow-y:auto;height=100%;width=100%;border-color:red;border:solid">
Panel Panel Panel Panel Panel Panel Panel
Panel Panel Panel Panel Panel Panel Panel Panel <br/>
Panel <br/>
Panel <br/>
Panel <br/>
Panel <br/>
Panel <br/>
Panel <br/>
Panel <br/>
Panel <br/>
Panel <br/>
Panel <br/>
Panel <br/>
Panel <br/>
Panel <br/>
Panel <br/>
Panel <br/>
Panel <br/>
Panel <br/>
Panel <br/>
Panel <br/>
Panel <br/>
Panel <br/>
Panel <br/>
Panel <br/>
Panel <br/>
Panel <br/>
Panel <br/>
Panel <br/>
Panel <br/>
Panel <br/>
</div>
</TD>

<TD width="61">
Right Panel
</TD>
</TR>
<TR style="height:50px">
<TD colspan="3">
Bottom Panel
</TD>
</TR>
</TABLE>
</body>
</html>

-------------------------------------------

But when see that page in firefox I could not able to get the same
functionality in IE.

The scrollbars of inner DIv Tag Disappears. And the table width exceeds
the browser width.

In IE,if this page is resized all the elements in that page are also
resized to fit the browser width no scrollbar appears. but I can't
able to get that in firefox.

How to solve this problem without using Frames or I Frames

regards
prakash

Jul 21 '05 #1
2 15607
On Mon, 23 May 2005 15:01:20 +0200, <pr***********@rediffmail.com> wrote:
Dear Friends

The follwing code works well in IE .
-------------------------------------------
...

<div STYLE="overflow-y:auto;height=100%;width=100%;border-color:red;border:solid">


Use : instead of =, that might help:
height:100%; width:100%;

Furthermore, "overflow-y" is a non-standard MSIE extension to CSS. Use
"overflow" instead. IIANM, Firefox 1.1 will support "overflow-y" though.

--
Get Opera 8 now! Speed, Security and Simplicity.
http://my.opera.com/Rijk/affiliate/

Rijk van Geijtenbeek

Jul 21 '05 #2
pr***********@rediffmail.com wrote:
Dear Friends

The follwing code works well in IE . snip...
How to solve this problem without using Frames or I Frames


Use a CSS layout with position: fixed. You'll have to fudge it for IE,
but there are plenty of references online. See my site (sig) for an
example similar to what you're trying, although I don't bodge up hacks
for IE users.

--
Mark.
http://tranchant.plus.com/
Jul 21 '05 #3

This discussion thread is closed

Replies have been disabled for this discussion.

Similar topics

4 posts views Thread by anna | last post: by
5 posts views Thread by Spondishy | last post: by
1 post views Thread by dhnriverside | last post: by
6 posts views Thread by rajesh | last post: by
14 posts views Thread by Michael Weis | last post: by
1 post views Thread by livre | last post: by
By using this site, you agree to our Privacy Policy and Terms of Use.