Home/ Questions/Q 3958004
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-20T02:33:34+00:00

I’m currently working on a site that uses ajax to load the content into

  • 0

I’m currently working on a site that uses ajax to load the content into a jQuery UI modal dialog.

On Win7 Firefox, Chrome, Safari and Opera it works fine.

On Internet Explorer 7-9pp and on mac firefox, chrome, safari and opera, the size of the modal background layer seems to be calculated wrong and creates vertical and horizontal scrolling until you resize the browser.

I uploaded the current demo version here:
– (removed to free some webspace on my server, see comments/answers for details on the problem/solution )

the basic layout is something like this

<body>
  <div id="wrapper">header, navigation, footer and stuff</div>
  <div class="ui-dialog"></div>
  <div class="ui-widget-overlay"></div>
</body>

with the following styles

html { height: 100%; overflow-y: scroll; }
body { display: block; height: 100%; margin: 0; padding: 0; }
.ui-widget-overlay { position: absolute; bottom: 0; left: 0; }

Thanks in advance for everything.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    for your HTML tag, in css file style.css there is overflow-y:scroll. Remove it and add overflow:hidden;

    • 0