Fix oder workarount für jQuery Dialog in IE6 - Haupt Layout-Probleme, wenn der Dialog ein Formular enthält

StackOverflow https://stackoverflow.com/questions/400728

Frage

Ich arbeite mit einem jQuery-Dialog, die ein Formular enthält. In IE6, gibt es ein paar unerklärlichen Zoll Polsterung über der Form. Wenn ich das Formular aus dem Markup beseitigen, gehen die schwerwiegendsten Layout Probleme weg. Ich habe es ohne Thema versucht (Standard), Flora, und meine Themeroller Thema und sie scheinen alle das gleiche Problem zu haben.

Ich habe verschiedene Anpassungen im Dialog CSS versucht zu machen, aber nichts scheint keine Wirkung zu haben, und eine gute Menge von Inline-CSS geschrieben wird, wenn der Dialog erstellt wird trotzdem, dass alle andere Arten von Anwendung verhindert.

Ich habe versucht, CSS-Eigenschaften auf dem Formular selbst wie Schwimmstellung, wodurch die Margen und Polsterung, die Anzeige inline, usw., aber solange die Form da ist, gibt es zusätzlichen Abstand. Hat jemand in der Lage gewesen, eine Lösung für diese zu finden? Ich würde lieber nicht hacken und haben Formular-Steuerelemente ohne Formular-Tag.

Danke.

War es hilfreich?

Lösung

Jedes Mal, wenn ich eine CSS Thema für eine bestehende Website, Forum, Widget erstellen, usw. Ich fange immer durch alle Stylesheets Strippen und Normalisierung alle meine Margen und Polsterung auf 0 für alle wichtigen HTML-DOM-Element. Dies ist besonders wichtig, wenn es darum geht, CSS inline.

Was sollten Sie versuchen, alle Inline-CSS auf das Formularelement zu entfernen sich. Dann versuchen Sie so etwas wie: 

form {
    margin: 0;
    padding: 0;
    overflow: hidden;
}

Die Zähmung Überlauf in IE6 löst oft viel Spielraum Fragen. Versuchen Sie vorübergehend einstellen grenzt an alle HTML-Elemente mit dem folgenden Stil zu sehen, ob alle vorherigen Elemente in die Form der Raum überfüllt sind. 

* {
    border: solid 1px #FF0000;
}

Wenn Sie die Grenzen zur Einführung auf dem Formular zu sehen, dann sollten Sie versuchen, so gut, dass Element Überlauf zu bremsen.

Andere Tipps

Vor der CSS zu ändern, stellen Sie sicher, dass Ihre Seite eine richtige Doctype rel="nofollow.

Wenn es keinen Doctype der Browser in 'Macken' machen wird Modus und viele Dinge nicht ganz richtig aus.

Ich hatte ein ähnliches Problem, bevor mit den Tasten und unerklärlichen Margen. Es gibt einige Elemente in IE6, die die Ränder ihrer Mutterelemente erben. Sehr seltsam ...

Versuchen Sie dieses Update: http: / /blog.netscraps.com/internet-explorer-bugs/ie6-ie7-margin-inheritance-bug.html

Versuchen Sie etwas wie folgt aus: 

#yourDiv { padding:1.2em; margin-right:2.4em; }

Dabei gilt #yourDiv die ID des div ist, dass Ihre Tags enthält (Ich hatte dieses Problem mit Eingängen).

Lizenziert unter: CC-BY-SA mit Zuschreibung
Nicht verbunden mit StackOverflow
scroll top