Foundation
-
FollowReplies
-
100% height column
byhector_sapien Wednesday, February 12, 2014 at 3:34 PM EST
Hi everybody!
I have two centered columns and both have content at the top.
The columns have a different background color and I would like them to stretch to the bottom of the viewport.
My problem is that the columns ends where the content ends.
In the css I have tried setting html and body to 'height 100%' and wrapping the columns in a 100% height div but it doesn't work.
I've been able to do this on a non-responsive site, but can't seem to get it to work with foundation.
Any help is much appreciated!
James Gehring
over 3 years ago
Can you be a little more clear on your problem? The reference you gave uses bootstrap.
James Gehring
over 3 years ago
Not sure what your problem is, can you be more clear? The reference page use bootstrap so not sure what I am looking at to solve your problem.
Elles pallin
over 3 years ago
This same happens to my website where whenever i tried to stretch the image width it automatically covers the two left and right width. Is there ant possibility that i can increase the Height keeping the width same. For reference This the Page @ http://www.xtreemsolution.com/cakephp-development.html
Brandon Arnold
over 5 years ago
This is another method, using min-height: with a VH (viewport height) attribute.
Hey James i got your message regarding the Brief discussion. Let me explain it further actually the thing is i want the image in the post to be increases in Height while remaining the width same. hope this helps.