CSS vertical stretch problem_问答_开发者_运维开发者技术经验分享

开发者 https://www.devze.com 2023-02-07 19:15 出处：网络

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.

相关专题：css

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/