CODEWITHSUNDEEP
javascripthtmlcss
Dusty
Dusty

Reputation: 1083

My div has a height of only 0px

My #root_menu_div has a height of 0px even though I have the following CSS rules:

#html{height:100%}
#body{height:100%}
#container{height:100%}
#body_container{height:100%}
#search{height:100%}

#root_menu_div {
min-height:100% !important; 
display:block !important; 
position:static !important;
}

The contents of #root_menu_div flow outside of its container (#search). So I think I have a height / position / display issue. It's behaving like I'm missing a closing tag, but I have them all.

Here is the url: http://whiterootmedia.com/root_menu/index.html

Upvotes: 0

Views: 379

Answers (3)

Matt Coughlin
Matt Coughlin

Reputation: 18906

As @bfavaretto and @j08691 suggested, try the following:

html, body {height:100%;}
#root_menu_div {min-height:100%;}

jsFiddle demo. Tested fine in IE7/8/9, FF, Safari, Chrome.

Upvotes: 2

PeteGO
PeteGO

Reputation: 5791

Everything contained within the div container is hidden.

You can add   to the inner html of the div.

Upvotes: 0

OneChillDude
OneChillDude

Reputation: 8006

You can't set height to 100% if it is relative to the browser window, unless you use javascript.

Upvotes: 0

Related Questions