Thread: Div Height Not Expanding

Hello. I just wanted to share this solution I found for something that was bugging me to bits! I had created a site, and had a DIV wrapper that was being "ignored'. It was there, but was expanding to 0px or something, because I could not see it. I searched and searched then finally came to this solution of adding the following:

height: 1%; overflow: hidden;

example:

#ContentWrapperDiv
{
width: 960px;
background-color: #fff;
margin-left: auto ;
margin-right: auto ;
height: 1%;
overflow: hidden;
}

I have no idea what it means, or why it works, but I'm just happy and wanted to share. If anyone know what it means, please reply. Thanks so much.

Noticed however that this made Google Chrome and Safari not show the div and its content at all. Played around and found that using height: -1%; (negative 1 percent) works across all browsers. Still don't know why, but it works Woo!



#ContentWrapperDiv
{
width: 960px;
background-color: #fff;
margin-left: auto ;
margin-right: auto ;
height: -1%;
overflow: hidden;
}

I would like to see the result myself, because I would have done it another way.