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.
InformationsquelleAutor All Bits Equal | 2011-02-08
Schreibe einen Kommentar Antworten abbrechen
Du musst angemeldet sein, um einen Kommentar abzugeben.
für Ihre
HTML
- tag in der css-Datei style.css gibt esoverflow-y:scroll
. Entfernen Sie es und fügen Sieoverflow:hidden;
overflow:auto
stattoverflow:hidden
zu zeigen, die scrollbar nur wenn benötigt (zum Beispiel kleine Bildschirme)Hinzufügen
overflow:hidden
Tat nichts für mich, auch wenn ich öffnete die Chrome developer tools und manuell Hinzugefügt, oder versucht zu machen, wichtig:Was hat loszuwerden, diese lästigen Scrollbalken, wenn ein jQuery Dialog angezeigt wurde, war das hinzufügen dieser CSS:
Einfach, hey ?
Es ist nur seltsam, dass jQueryUI nicht enthalten diese standardmäßig...