CSS: stellen container Bildschirm passen

Arbeite ich an einer website, die zwei Container: Seitenleiste und dem Hauptinhalt.
Das problem ist, dass beim minimieren des Fensters (nur) in der linken Seitenleiste passt die Größe der aktuellen Größe des Bildschirms und beim scrollen nach unten die sidebar verschwindet.. Das passiert nur, wenn der content-container (rechts) füllt nicht den Bildschirm..

Kann man versuchen, zu minimieren auf dieser Seite Sie werden sehen, dass der linken Navigationsleiste verschwindet, wenn Sie nach unten scrollen, wenn das Fenster minimiert ist.

Können Sie versuchen, eine gute Seite mit mehr Inhalt, du wirst sehen, dass alles in Ordnung ist hier..

Versuchte ich height="100%" and width="100%"

Versuchen Sie es mit min-height Attribut auf der sidebar 🙂
Hast du den link auf der gleichen Seite zweimal? Weil ich nicht sehe das gleiche Verhalten, wie Sie es beschreiben, auf die Seite, die Sie verlinkt.
NÖ verschiedenen Seiten

InformationsquelleAutor Zbone | 2013-04-08

  1. 2

    OK es Herausgefunden

    Musste ich hinzufügen:

    min-height: 100%;

    den Körper

    und verwenden

    bottom: 0;

    in der Seitenleiste auf

    Dank für deine Hilfe 🙂

    InformationsquelleAutor Zbone

  2. 1

    Das Hauptproblem ist, dass der wrapper und sidebar-Elemente in Ihrem Körper sind absolut positioniert, daher der Körper nicht wissen, wie Sie zu erweitern, um die Größe der Inhalte auf der Seite selbst, als absolut positionierte Elemente werden aus dem Fluss des Dokuments. In diesem Fall müssen Sie den Inhalt der Seite aus dem Dokument fließen.

    Daher, die Einstellung der Höhe oder min-height, das body-element wird nicht funktionieren, da es nur auf die Höhe des Viewports und sonst nichts. Der Kinder-container ist absolut positioniert, wird dann auch auf die Höhe des Viewports.

    Scrollen ist immer noch möglich, den Vorteil, dass Inhalte, die überfüllt ist von einem der beiden absolut positionierten Kinder.

    Können Sie versuchen, die Einstellung height: auto auf das sidebar-element. Alternativ, Sie sollten Schwimmer Ihre wrapper und sidebar (und nehmen Sie die absolute Positionierung) - das wird zumindest die Inhalte wieder in den Belegfluss, die dem browser erlaubt die Berechnung der tatsächlichen 100% der Höhe 🙂

    Absolut-Positionierung ist ein bisschen ein heikles Thema, muss ich zugeben.

    Es versucht.. trotzdem ändert sich nichts :S

    InformationsquelleAutor Terry

  3. 0

    Ich vermute, dass die Container sind divs?

    Die Breite sollte bei 100% wie haben Sie es da, aber für die Höhe ist, versuchen Sie: line-height:100%.

    NÖ.. funktioniert einfach nicht 🙁

    InformationsquelleAutor Phillip-juan

Schreibe einen Kommentar