css - Stretching divs to bottom with a responsive grid -


This is the page I'm working on:

me nav side bar Need and main content area to stretch (or beyond, with content) in the browser, evenly, whether they are empty or some other content in another Other I put a border on the surrounding container and it is not even pulling I am very new to the fluid grid and I think that the position: N With relative with height: 100%; Blowing the grid system and height: 100%; Nothing does alone

I am hunting through thread for answers but nothing related to responsive design is available. Keeping this in mind, it is set up that when the content is longer than the browser, the picture on the right is fixed, while scrolling to the left. Any help would be greatly appreciated.

Thanks in advance!

  @ Media screen and (minimum-width: 1241px) #main {min-height: 85%; // & lt; ---- Extract low-height: 600px; // & lt; ---- INSERT}  

does not count as content for the image box, which you set to the minimum-height = 85%, and therefore the box will not be expanded Setting 'Min-Height: 600px' without a fixed minimum height, the box will always be at least the size of the image, and then expand if you add additional content to the box.


Comments

Popular posts from this blog

java - org.apache.http.ProtocolException: Target host is not specified -

java - Gradle dependencies: compile project by relative path -

ruby on rails - Object doesn't support #inspect when used with .include -