Go Premium for a chance to win a PS4. Enter to Win

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 458
  • Last Modified:

set the min-height of the div does not work

I want to set the minimum height of the div and then if the content grows then the height should grow. I have done some googling but nothing has worked for so far. The page is http://nkarch.lifeintheuktest.co/the-work.aspx.

i want to set the minimum height to 800px. At the moment i have set the height of mainContainer to 1000x as the min height not working.
0
mmalik15
Asked:
mmalik15
  • 2
1 Solution
 
Kyle HamiltonData ScientistCommented:
You have floated elements in #ProjectsGrid, so to make sure the container expands, you need to specify overflow:hidden in #ProjectsGrid

.mainContainer {
margin: 0 auto;
padding: 0;
width: 960px;
background-color: black;
min-height: 800px;
margin-bottom: 0px;
}

#ProjectsGrid {
padding-left: 3px;
margin-top: 2em;
overflow: hidden;
}

Open in new window

0
 
mmalik15Author Commented:
perfect buddy
0
 
Kyle HamiltonData ScientistCommented:
:)
0

Featured Post

New feature and membership benefit!

New feature! Upgrade and increase expert visibility of your issues with Priority Questions.

  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now