UI dialog content in IE6 shifted left

[Gordon-35]

I'm trying to build a dialog using jQuery UI 1.5.2 and a themeroller
stylesheet.  My problem is when the dialog opens, all the content is
shifted 32 pixels to the left so the left 32 pixels of the content is
cut off.  I've tried adding the following CSS to an IE6 fix stylesheet
and including it on the page with a conditional comment, but it
doesn't seem to have helped.

.ui-dialog-container, .ui-dialog-buttonpane {
        left: 32px !important;
}

If I use FireBug Lite to issue a jQuery command to do the same thing,
the content shifts back where it belongs (the close button shifts out
of the right hand edge of the dialog but I figure I can fix that
later).

$('.ui-dialog-container, .ui-dialog-buttonpane').css ({left: 32});

The dialog is properly laid out in IE7 and FireFox, but unfortunately
IE6 is what's rolled out throughout our intranet so it absolutely has
to work in IE6.

Can anyone help?
--~--~---------~--~----~------------~-------~--~----~
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@...
To unsubscribe from this group, send email to jquery-ui-unsubscribe@...
For more options, visit this group at http://groups.google.com/group/jquery-ui?hl=en
-~----------~----~----~----~------~----~------~--~---

[Richard D. Worth-2]

As a first check, see if you have the same problem with the flora theme (part of the UI Development Bundle - http://code.google.com/p/jquery-ui/downloads/detail?name=jquery.ui-1.5.2.zip ). If you do, it either needs to be addressed in the plugin code, or in both themes. If not, then you can compare the two sets of theme files and see what might be significantly different. Let me know how it turns out, I'll see if I can help.

- Richard

On Mon, Jul 21, 2008 at 7:51 AM, Gordon <gordon.mcvey@...> wrote:

I'm trying to build a dialog using jQuery UI 1.5.2 and a themeroller
stylesheet.  My problem is when the dialog opens, all the content is
shifted 32 pixels to the left so the left 32 pixels of the content is
cut off.  I've tried adding the following CSS to an IE6 fix stylesheet
and including it on the page with a conditional comment, but it
doesn't seem to have helped.

.ui-dialog-container, .ui-dialog-buttonpane {
       left: 32px !important;
}

If I use FireBug Lite to issue a jQuery command to do the same thing,
the content shifts back where it belongs (the close button shifts out
of the right hand edge of the dialog but I figure I can fix that
later).

$('.ui-dialog-container, .ui-dialog-buttonpane').css ({left: 32});

The dialog is properly laid out in IE7 and FireFox, but unfortunately
IE6 is what's rolled out throughout our intranet so it absolutely has
to work in IE6.

Can anyone help?

--~--~---------~--~----~------------~-------~--~----~
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@...
To unsubscribe from this group, send email to jquery-ui-unsubscribe@...
For more options, visit this group at http://groups.google.com/group/jquery-ui?hl=en
-~----------~----~----~----~------~----~------~--~---

[Gordon-35]

Using the Flora theme results in the dialog displaying as it should,
so it's probably a problem in the themeroller CSS.

On Jul 21, 1:47 pm, "Richard D. Worth" <rdwo...@...> wrote:

> As a first check, see if you have the same problem with the flora theme
> (part of the UI Development Bundle -http://code.google.com/p/jquery-ui/downloads/detail?name=jquery.ui-1....).
> If you do, it either needs to be addressed in the plugin code, or in
> both
> themes. If not, then you can compare the two sets of theme files and see
> what might be significantly different. Let me know how it turns out, I'll
> see if I can help.
>
> - Richard
>
> On Mon, Jul 21, 2008 at 7:51 AM, Gordon <gordon.mc...@...> wrote:
>
> > I'm trying to build a dialog using jQuery UI 1.5.2 and a themeroller
> > stylesheet.  My problem is when the dialog opens, all the content is
> > shifted 32 pixels to the left so the left 32 pixels of the content is
> > cut off.  I've tried adding the following CSS to an IE6 fix stylesheet
> > and including it on the page with a conditional comment, but it
> > doesn't seem to have helped.
>
> > .ui-dialog-container, .ui-dialog-buttonpane {
> >        left: 32px !important;
> > }
>
> > If I use FireBug Lite to issue a jQuery command to do the same thing,
> > the content shifts back where it belongs (the close button shifts out
> > of the right hand edge of the dialog but I figure I can fix that
> > later).
>
> > $('.ui-dialog-container, .ui-dialog-buttonpane').css ({left: 32});
>
> > The dialog is properly laid out in IE7 and FireFox, but unfortunately
> > IE6 is what's rolled out throughout our intranet so it absolutely has
> > to work in IE6.
>
> > Can anyone help?

--~--~---------~--~----~------------~-------~--~----~
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@...
To unsubscribe from this group, send email to jquery-ui-unsubscribe@...
For more options, visit this group at http://groups.google.com/group/jquery-ui?hl=en
-~----------~----~----~----~------~----~------~--~---

[Gordon-35]

I removed every stylesheet from the page except for the Themeroller
generated one, and still had the same result.  Has anybody run into
problems with dialogs and the themeroller CSS? How did you get around
them?  I tried regenerating my stylesheet in the hopes that
Themeroller had been updated, but still I had the same result.

On Jul 21, 2:02 pm, Gordon <gordon.mc...@...> wrote:

> Using the Flora theme results in the dialog displaying as it should,
> so it's probably a problem in the themeroller CSS.
>
> On Jul 21, 1:47 pm, "Richard D. Worth" <rdwo...@...> wrote:
>
> > As a first check, see if you have the same problem with the flora theme
> > (part of the UI Development Bundle -http://code.google.com/p/jquery-ui/downloads/detail?name=jquery.ui-1....).
> > If you do, it either needs to be addressed in the plugin code, or in
> > both
> > themes. If not, then you can compare the two sets of theme files and see
> > what might be significantly different. Let me know how it turns out, I'll
> > see if I can help.
>
> > - Richard
>
> > On Mon, Jul 21, 2008 at 7:51 AM, Gordon <gordon.mc...@...> wrote:
>
> > > I'm trying to build a dialog using jQuery UI 1.5.2 and a themeroller
> > > stylesheet.  My problem is when the dialog opens, all the content is
> > > shifted 32 pixels to the left so the left 32 pixels of the content is
> > > cut off.  I've tried adding the following CSS to an IE6 fix stylesheet
> > > and including it on the page with a conditional comment, but it
> > > doesn't seem to have helped.
>
> > > .ui-dialog-container, .ui-dialog-buttonpane {
> > >        left: 32px !important;
> > > }
>
> > > If I use FireBug Lite to issue a jQuery command to do the same thing,
> > > the content shifts back where it belongs (the close button shifts out
> > > of the right hand edge of the dialog but I figure I can fix that
> > > later).
>
> > > $('.ui-dialog-container, .ui-dialog-buttonpane').css ({left: 32});
>
> > > The dialog is properly laid out in IE7 and FireFox, but unfortunately
> > > IE6 is what's rolled out throughout our intranet so it absolutely has
> > > to work in IE6.
>
> > > Can anyone help?

--~--~---------~--~----~------------~-------~--~----~
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@...
To unsubscribe from this group, send email to jquery-ui-unsubscribe@...
For more options, visit this group at http://groups.google.com/group/jquery-ui?hl=en
-~----------~----~----~----~------~----~------~--~---

[oscarml]

Hi,

The same issue overhere. Moreover the dialog adds this padding in
every call!!! It's accumulative. Have you fixed it?


--~--~---------~--~----~------------~-------~--~----~
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@...
To unsubscribe from this group, send email to jquery-ui-unsubscribe@...
For more options, visit this group at http://groups.google.com/group/jquery-ui?hl=en
-~----------~----~----~----~------~----~------~--~---

[Gordon-35]

Haven't been able to find a fix so far, sorry.  Attempting to style
the Dialog's internal structures doesn't appear to have any effect.

On Jul 24, 9:07 am, oscarml <oscarml....@...> wrote:
> Hi,
>
> The same issue overhere. Moreover the dialog adds this padding in
> every call!!! It's accumulative. Have you fixed it?
--~--~---------~--~----~------------~-------~--~----~
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@...
To unsubscribe from this group, send email to jquery-ui-unsubscribe@...
For more options, visit this group at http://groups.google.com/group/jquery-ui?hl=en
-~----------~----~----~----~------~----~------~--~---

[Richard D. Worth-2]

What do you mean by every call? Each method call after initialization, for example? Or each new dialog you create?

- Richard

On Thu, Jul 24, 2008 at 4:07 AM, oscarml <oscarml.reg@...> wrote:

Hi,

The same issue overhere. Moreover the dialog adds this padding in
every call!!! It's accumulative. Have you fixed it?

--~--~---------~--~----~------------~-------~--~----~
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@...
To unsubscribe from this group, send email to jquery-ui-unsubscribe@...
For more options, visit this group at http://groups.google.com/group/jquery-ui?hl=en
-~----------~----~----~----~------~----~------~--~---

[oscarml-2]

Each method call after initialization.

I initialize it and then each time I call it in this way, the gap gets
bigger

$("#InfoDialog").html("<?= $SeleccioneRowBorrar?>");
$("#InfoDialog").dialog("open");



On 24 jul, 14:37, "Richard D. Worth" <rdwo...@...> wrote:

> What do you mean by every call? Each method call after initialization, for
> example? Or each new dialog you create?
>
> - Richard
>
> On Thu, Jul 24, 2008 at 4:07 AM, oscarml <oscarml....@...> wrote:
>
> > Hi,
>
> > The same issue overhere. Moreover the dialog adds this padding in
> > every call!!! It's accumulative. Have you fixed it?

--~--~---------~--~----~------------~-------~--~----~
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@...
To unsubscribe from this group, send email to jquery-ui-unsubscribe@...
For more options, visit this group at http://groups.google.com/group/jquery-ui?hl=en
-~----------~----~----~----~------~----~------~--~---