Click here to get back home

DIV Scrollbar problem in FireFox...
 Home | NewsGroups | Search | About
Login Password
Register Now!
 comp.infosystems.www.authoring.html    Post an article   get this group's latest topics as an RSS feed add this group's latest topics to your My MSN content add this group's latest topics to your My Yahoo content
Subject Author Date
DIV Scrollbar problem in FireFox... prakash_ntech 05-23-2005
Posted by prakash_ntech on May 23, 2005, 7:01 am
Please log in for more thread options

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



Posted by Rijk van Geijtenbeek on May 23, 2005, 4:25 pm
Please log in for more thread options


> 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


Posted by Mark Tranchant on May 23, 2005, 5:59 pm
Please log in for more thread options


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/

Similar ThreadsPosted
A FireFox problem: with pre and ex September 13, 2006, 9:39 am
iframe problem in firefox February 5, 2006, 9:31 pm
Form problem and Firefox April 6, 2006, 7:54 am
html4/strict.dtd & IE/firefox problem April 21, 2005, 9:34 am
Table layout problem in Firefox/IE6 June 14, 2005, 8:42 am
Problem with Firefox viewing html January 22, 2007, 4:50 pm
Frameset look and behavior problem in Firefox... Help Please! February 22, 2007, 1:33 pm
Weird CSS Link problem in Firefox May 14, 2008, 6:53 pm
Strange Problem with Sidebar and scripts in firefox February 10, 2005, 4:49 am
java apploet problem with mozilla and firefox February 22, 2005, 9:42 pm

Our other projects:

Art Dolls, Fairies and Mermaids - Sunnyfaces.net

Roy's Linux, Programming and Search Engines messages

1-Script XML SitemapXML Sitemap