2016-08-09 38 views
-1

Kämpfen, um dieses herauszufinden, wird jede Hilfe geschätzt.Sidebar Wrapper nicht mit Seiten-Inhalt-Wrapper

Ich habe eine Haupt-#wrapper div, die das gesamte Dokument umschließt. Dann haben wir eine #sidebar-wrapper für die Navigation und eine #page-content-wrapper für den Inhalt. Das Problem ist, dass wenn der Inhalt erweitert wird, der Sidebar-Wrapper nicht. Ich weiß, dass sie beide absolut positioniert sind, ich habe relative Positionierung ausprobiert und das hat auch nicht funktioniert.

Das Sidebar-Wrapper div sollte nach unten (Höhe) erweitern, um das Wachstum der Seite-Content-Wrapper Div zu begleiten.

Ich würde jede Hilfe zu schätzen wissen. Vielen Dank.

Hier ist die Geige: wrapper fiddle

fand die Lösung: Überlauf-x auf der Seite-content-Wrapper auf ausgeblendet werden sollen, und das machte die Sidebar-Wrapper zu 100% der Dokumentgröße erweitern.

+0

eine Frage der Abstimmung nach unten ohne Grund ist wirklich zu hilfreich ... danke. Zumindest, wenn Sie ablehnen, sagen Sie, warum Sie das getan haben, als ich neu hier bin und versuche, die Seile zu lernen. Schätze meine Frage ist zu dumm für hier. – rodcunha

+0

In welche Richtung möchten Sie expandieren? Die Frage schlägt die Breite vor, aber deine Geige zeigt die Höhe an? Wenn du deine Geige betrachtest, benutzt du feste Einheiten (px) und keine relativen Einheiten (%). Feste Einheiten werden natürlich nicht erweitert, ohne Javascript Intervention oder css Medienabfragen definiert werden – elmarko

+0

Es sollte in der Höhe zu erweitern, um die Seite-content-wrapper div – rodcunha

Antwort

0

Verwenden Position relativ zur äußeren Umhüllung wie folgt aus:

#wrapper.toggled 
{ 
    padding-left: 250px; 
    overflow: hidden; 
    position:relative; 
} 
+0

Ich habe das versucht und es hat nicht funktioniert. Wie sich herausstellte, lag die Lösung im Seiteninhalt-Wrapper-Überlauf-x, der irgendwie das andere div beeinflusste. Danke für deine Antwort. – rodcunha

+0

aber ich habe das in deiner Geige benutzt und es hat perfekt funktioniert! –

+0

Ok danke. Ich werde es auch selbst versuchen. Danke nochmal Rohit. – rodcunha