jQuery modal Dialog

tequila slammer

Erfahrenes Mitglied
Hallo Forum,

ich habe wieder eine Frage zu jQuery. Mein Ziel einen modales Dialog zu erzeugen.

Im FF kommt das Fenster ohne Overlay und den Buttons. Während beim IE8 hingegen der Dialog unmittelbar nach dem Öffnen nach unten zu Wandern beginnt und die Seite wird immer länger. Warum verhalten sich beide Browser mit meinem Dialog so, während die jquery Demos ohne Probleme funktionieren?

Code:
function showConfigDialog() {

                $("#Config").dialog({
                    height: 300,
                    width: 350,
                    modal: true,
                    autoOpen: false,
                    overlay: {
                        backgroundColor: '#000',
                        opacity: 0.5
                    },
                    buttons: {
                        "OK": function() {
                            $(this).dialog('close');
                        },
                        "Cancel": function() {
                            $(this).dialog('close');
                        }
                    }
                });

                $("#Config").dialog('open');
            }
 
Hi.
Mit dem StyleSheet überschreibe ich dann aber meine eigenen Designanpassungen - oder kann ich beide Kombinieren?
Wenn du beim Einbinden der beiden Stylesheets deines an letzter Stelle aufrufst, werden in der Kaskade die CSS-Regeln von jquery-ui.css durch dein Stylesheet überschrieben.

HTML:
<link href="layout/css/jquery-ui.css" rel="stylesheet" type="text/css" />
<link href="layout/css/template.css" rel="stylesheet" type="text/css" />


Damit dies in der Praxis auch reibungslos funktioniert, sind natürlich gleichlautende Selektoren in beiden CSS-Dateien zwingende Voraussetzung.

mfg Maik
 
ah ok. Mit der eingebundenen css Datei sieht das Ganze nun schon besser aus, allerdings wird die Dialog-Höhe erst nach einem Drag richtig dargestellt und die Buttons sind nicht richtig platziert.
 
Niemand kann hellsehen, wie du es gerne hättest.

Die offensichtlichen Fehler in der Darstellung werden durch dein CSS verursacht, ohne dies sieht es normal aus...die Fehler müsstest du also in deinem CSS fixen(wie, kannst nur du wissen, da nur du weisst, wie es aussehen soll)
 

Neue Beiträge

Zurück