Sidebars 100% height as content and content 100% height as sidebars

Question

I'm building my website on Wordpress but stuck on one thing.

I want my sidebars, the left and right sidebar vertical in the same height as the content even the content inside the sidebar is shorter than the content in the midsection.

I also want the content in the midsection vertical in the same height as the content inside the sidebar if there is more content in the sidebar.

See website

See what I mean here

Firstly, it's not easy. Unfortunately CSS2 doesn't support any method to do this. Try this: http://stackoverflow.com/questions/1056212/how-do-i-achieve-equal-height-divs-positioned-side-by-side-with-html-css — Mikel Bitson, Oct 29 '15 at 18:36

score 0 · Accepted Answer · answered Oct 29 '15 at 19:20

0

Add overflow: hidden; to the .containerdubbel div.

.containerdubbel {
  position: relative;
  padding: 0;
  margin-left: auto;
  margin-right: auto;
  background: url(../Meerwoonruimte/images/achtergrond.png) repeat-y top left;
  width: 990px;
  min-height: 600px;
  height: auto !important;
  overflow: hidden;
}

answered Oct 29 '15 at 19:20

Felix A J

6,300
2
27
46

Thanks! Works for me! – Robin Oct 30 '15 at 11:53

Sidebars 100% height as content and content 100% height as sidebars

1 Answers1