Wie machen element NICHT um die Größe des Fensters in der Größe / Auflösung ändern

Habe ich einfache login-box, die ist zentriert auf die Mitte der Seite (vertikal und horizontaly).

Hier finden Sie DEMO für ihn:

http://encodable.com/uploaddemo/files/login.html

Problem ist, dass jedesmal, wenn ich die Größe browser-Fenster manuell den Inhalt div (#login-logout-box) wird geändert, wenn jemand versucht, um dieses login-Formular im browser-Fenster an, deren Höhe niedriger ist, dann 380px sollte es werden Bildlaufleisten Hinzugefügt um die Seite. Aber atm statt, die box ist nur cutten aus. Bedeutet, dass unter niedriger Auflösung dieses Formular wird teilweise angezeigt, ohne Möglichkeit zu scrollen :S (tryed mehrere Handys - Iphone und Android 2.3)

Aber wieder, ich will nicht, dass div werden scrollbaren sondern ganze Seite.

Habe ich kontrolliert www und stackoverflow für eine mögliche Antwort, aber überhaupt nichts, auch ich bin sorry, wenn die Frage unklar ist, habe ich versucht mein bestes, um es zu beschreiben.

  • Ich verstehe es nicht. Wenn du einfach eine Feste Größe eines Elements, scroll-Balken wird automatisch erscheinen, wenn es überläuft, die Fenster... nicht, dass das, was Sie wollen, sind zu tun?
  • Ja, genau. Aber für einige reasson, es passiert nicht in Firefox und Opera.
  • Es ist nicht in Safari nicht funktioniert entweder.
InformationsquelleAutor ProDraz | 2012-03-26
  1. 4

    Sollte Ihr code nicht funktionieren in jedem browser überhaupt. Wie pro die W3C-Spec, "Felder mit fester position, die größer sind als die Seitengröße sind abgeschnitten."

    Einfach ändern position: fixed; zu position: absolute;

    #login-loguout-box {
    width: 380px;
    height: 380px;
    position: absolute;
    top: 45%;
    left: 50%;
    margin-left: -190px;
    margin-top: -190px;
    margin-bottom: 20px;
    border: 2px solid #cacaca;
}​

    Funktionierenden Code

    Full-Screen-Demo

    InformationsquelleAutor Sparky
  2. 0

    Verwenden Sie die overflow Einstellung im css, z.B.

    overflow-x: auto; /* for horizontal scrolling*/
overflow-y: auto; /* for vertical scrolling */
    • Fügt Scrollbalken, um es wahr werden. Aber ich will keine Scrollbalken, wenn Sie nicht benötigt werden, nur wollen Sie es als browser-Auflösung ist zu klein, um zu zeigen, ganze form.
    InformationsquelleAutor scibuff
Schreibe einen Kommentar