hello members, I am having a problem in placing a div inside a div as required. Please look at the code below.
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
</head>
<body>
<div style="min-width:100%; min-height:90%; background-color:Red; text-align:center;">
<div style="min-height:100%; background-color:Green; width:90%; height:100%;
color:White;">testing 100% height and 90% width in red container</div>
</div>
<div style="min-height:10%; background-color:Yellow; width:100%;"></div>
</body>
</html>
Now I want to place the green div, inside red div, by utilizing all of the height of red div. Thus green div should have height equivalent to red div and width as 90% of the width of red div. I think i have done the same, but its not working, in any browser.
To see the problem, copy the code i provided and save it as a HTML file. Then look it in IE.
Please help me.