Sidebar automatisch gleich hoch wie Content

Blue Tiger
(@blue-tiger)

vor 5 Jahre, 2 Monaten

Habe für unseren Verein eine schöne Site mit viel Aufwand gemacht.
Nun stecke ich seit 1 Woche fest und komme keinen Schritt mehr weiter…

Ich habe links ein Sidebar als Menu eingerichtet, welch eine graue Hintergrundsfarbe hat. Diese graue Farbe sollte bis zur Footnote runtergehen. Das ist aber nicht fix, sondern der Abstand bis zur Footnote ist dynamisch, je nach länge des Contents.

In vielen Foren habe ich bereits gelesen, dass das nicht ginge.

Konnte jemanand dieses Problem schon einmal lösen?

Gruss

Ansicht von 4 Antworten - 1 bis 4 (von insgesamt 4)

Martin Robbins
(@santeven)

vor 5 Jahre, 2 Monaten

Guren Tag @blue-tiger

Have made a lot of effort for our association a beautiful site.
Now I’m stuck for 1 week and get ahead not take another step …

I set up a left sidebar as menu, which has a gray background color. This gray color should go down to the Footnote. But that is not fixed, but the distance to the Footnote is dynamic, depending on the length of the content.

In many forums, I’ve already read that it would not do.

Could jemanand this problem ever be solved?

greeting

It would be helpful to know your website address? Also what wordPress theme do you utilize?

Es wäre hilfreich, um Ihre Website-Adresse informiert werden? Auch was WordPress-Theme Sie nutzen?

Moderator espiat
(@espiat)

vor 5 Jahre, 2 Monaten

Hallo.

Problem schon gelöst? Egal was es ist, gestalterisch lässt sich alles lösen.

Wenn noch das Problem besteht, dann bitte Link zur Seite. Danke

Peter
(@kaffeevollautomattest24)

vor 4 Jahre, 8 Monaten

Ohne Seite schwer zu sagen.

Je nach Theme solltest du aber einfach die Hintergrundfarbe des Themes ändern können.

Thomas A. Reinert
(@thomas-a-reinert)

vor 4 Jahre, 5 Monaten

Auch wenn die Frage schon recht alt ist. Die Lösung lautet FLEXBOX.

Sich in Flexbox erst einmal reinzudenken, ist allerdings nicht _ganz_ so einfach 🙂

Deshalb anbei ein Link zu einem kleinen Tutorial, das genau das Problem löst. Zusätzlich findet sich dabei auch noch ein Javascript-Fallback, auf den ich allerdings verzichten würde – alle modernen Browser unterstützen Flexbox.

PS: Zum Üben der Flexbox gibts auch ein nettes Spielchen 😉