This is Interesting: Free Magazines for Graphics designers and webmasters
Home > Archive > Stylesheets > May 2005 > DIV Scrollbar problem in FireFox...
You are viewing an archived Text-only version of the thread.
To view this thread in it's original format and/or if you want to reply to
this thread please [click here]
| Author |
DIV Scrollbar problem in FireFox...
|
|
| prakash_ntech@rediffmail.com 2005-05-23, 7:43 pm |
| 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
| |
| Rijk van Geijtenbeek 2005-05-23, 7:43 pm |
| On Mon, 23 May 2005 15:01:20 +0200, <prakash_ntech@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
| |
| Mark Tranchant 2005-05-23, 7:43 pm |
| prakash_ntech@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/
|
|
|
| | Copyright 2003 - 2008 forum4designers.com Software forum Computer Hardware reviews |
|