CSS vertical stretch problem
There is probably a very easy solution for this, however, I'm new to CSS based layout, and any help with this would be appreciated.
I can't control the height开发者_运维问答 for the main body div (that has the image) and it stretches so far down. Why is that? The global-inner div seems to be working fine. Can anyone help?
<body>
<form id="form1" runat="server">
<cc1:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server">
</cc1:ToolkitScriptManager>
<div id="global-wrap">
<div id="global-inner" style="background: none repeat scroll 0% 0% rgb(145, 148, 138);" >
Here is the CSS:
body
{
background: url("/images/damask-back.jpg") repeat scroll 0 0 #423624;
font-family: 'lucida grande',tahoma,sans-serif;
font-size: 62.5%;
height: 50%;
}
#global-wrap
{
width: 100%;
/*height: 925px;*/
position: relative;
margin: 10px auto;
}
#global-inner {
background: none repeat scroll 0 0 #857A6B;
border: 2px solid #61533F;
margin: 25px auto 0;
padding: 20px 25px;
position: relative;
width: 898px;
height: 298px;
z-index: 1;
}
I think the problem is the inline styles you have on the global-inner, it appears to work with them removed:
http://jsfiddle.net/adhKG/
加载中,请稍侯......
精彩评论