jQUery UI dialog - modal erzeugt Scrollbalken, falsche dimension?

Zur Zeit arbeite ich an einer Website mit ajax laden Sie den Inhalt in einem jQuery UI modal-dialog.

Auf Win7 Firefox, Chrome, Safari und Opera funktioniert es einwandfrei.

Auf Internet Explorer 7-9pp und auf mac, firefox, chrome, safari und opera, die Größe der modalen hintergrund-Ebene scheint zu sein, falsch berechnet und erzeugt vertikalen und horizontalen scrollen, bis Sie die Größe des Browsers.

Lud ich die aktuelle demo-version hier:
- (entfernt, um kostenlos etwas webspace auf meinem server, siehe Kommentare/Antworten für details auf das problem/Lösung )

das grundlegende layout ist so etwas wie das

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

mit den folgenden Stilen

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

Vielen Dank im Voraus für alles.

Schreibe einen Kommentar