It seems like the scrollbar issues related to dialogs in IE have to do
with the way IE calculates the offsetHeight and offsetWidth when not
using a strict !DOCTYPE declaration. See
http://msdn.microsoft.com/en-us/library/ms534199(VS.85).aspx for more
detail.
As soon as I started using <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0
Strict//EN"> the offsetHeight, offsetWidth calculations come more in
line with FF, Safari, and Opera. The jQuery code that uses these
offset properties are able to perform the correct calculations and the
dialog scrollbar issues all seem to go away when using strict mode. I
am not sure if this helps at all if somebody needs quirks mode for
some other reason but if you can use strict mode then this is a
workaround to the issues.
On Jun 22, 2:20 pm, Steve Holmes <iamstevehol...@gmail.com> wrote:
> I'm having the same issue with a long dialog. In firefox it shows up
> with the given height (400px) with scrollbars. In IE it just extends
> to the entire length of the content.
>
> On Jun 19, 1:50 am, vishal sharma <vishal.cr...@gmail.com> wrote:
>
> > Hi Steve Devis,
>
> > I am also getting same problem but till I did not get any solution if
> > u find it plz tell me.
>
> > On Jun 19, 3:14 am, Steve Davis <sda...@beardog.com> wrote:
>
> > > I am trying to use thedialogwidget but I can't get scroll bars to
> > > show up in an IE browser. I downloaded the latest version of the js
> > > and css and wrote as simple of a test as I could and it still gives no
> > > scroll bar. I searched the documentation but could not find this as a
> > > known issue. Does anyone else have trouble with IE and scroll bars?
> > > Is there a known fix for this? I am including my simple test html.
> > > This works fine in Firefox and Safari.
>
> > > <html>
> > > <head>
> > > <link rel="stylesheet" type="text/css" id="jquery-style-sheet"
> > > href="./css/smoothness/jquery-ui-1.7.2.custom.css" />
> > > <script type="text/javascript" src="./jquery-1.3.2.min.js"></
> > > script>
> > > <script type="text/javascript" src="./jquery-
> > > ui-1.7.2.custom.min.js"></script>
> > > <script type="text/javascript">
> > > $(document).ready( function() {
>
> > > $("#listDialog").dialog({
> > > autoOpen: true,
> > > height: 200
> > > });
>
> > > });
> > > </script>
> > > </head>
>
> > > <body>
> > > <div id="listDialog" title="Foo">
> > > foo<p/>
> > > foo<p/>
> > > foo<p/>
> > > foo<p/>
> > > foo<p/>
> > > foo<p/>
> > > foo<p/>
> > > foo<p/>
> > > foo<p/>
> > > foo<p/>
> > > </div>
> > > </body>
> > > </html>
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"jQuery UI" group.
To post to this group, send email to jquery-ui@googlegroups.com
To unsubscribe from this group, send email to
jquery-ui+unsubscr...@googlegroups.com
For more options, visit this group at
http://groups.google.com/group/jquery-ui?hl=en
-~----------~----~----~----~------~----~------~--~---
