Solved

set the min-height of the div does not work

Posted on 2013-01-13
3
442 Views
Last Modified: 2013-01-13
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
Comment
Question by:mmalik15
  • 2
3 Comments
 
LVL 25

Accepted Solution

by:
Kyle Hamilton earned 500 total points
ID: 38772166
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
 

Author Closing Comment

by:mmalik15
ID: 38772201
perfect buddy
0
 
LVL 25

Expert Comment

by:Kyle Hamilton
ID: 38772223
:)
0

Featured Post

Enterprise Mobility and BYOD For Dummies

Like “For Dummies” books, you can read this in whatever order you choose and learn about mobility and BYOD; and how to put a competitive mobile infrastructure in place. Developed for SMBs and large enterprises alike, you will find helpful use cases, planning, and implementation.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
ebay seller html tags 2 25
HTML &#0153 2 17
Add box and text color changing for everything 1 26
Change Background Color of Website 5 17
Building a website can seem like a daunting task to the uninitiated but it really only requires knowledge of two basic languages: HTML and CSS.
Is your Office 365 signature not working the way you want it to? Are signature updates taking up too much of your time? Let's run through the most common problems that an IT administrator can encounter when dealing with Office 365 email signatures.
In this tutorial viewers will learn how to style different bullet points for unordered lists in CSS. Begin with a normal unordered list; the default bullet point is a solid circle: In the CSS, create a defined class of unordered list by typing "ul.S…
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…

773 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question