Проблема вертикального растяжения CSS

Возможно, это очень простое решение, однако я новичок в макете на основе CSS, и любая помощь с этим будет оценена по достоинству.Проблема вертикального растяжения CSS

Я не могу контролировать высоту основного тела div (у которого есть изображение), и он простирается так далеко вниз. Почему это? Похоже, что глобальный внутренний div работает нормально. Может ли кто-нибудь помочь?

<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);" >

Вот 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; 
}

источник

2011-02-01 Paul

Вы есть '# global-inner {...}' в вашей таблице стилей. Почему вы используете атрибут стиля? –

Это не имеет значения, если я выберу атрибут стиля w/в html. – Paul

Я думаю, что проблема стили инлайн у вас есть на global-inner, оказывается, работать с ними удалены:

http://jsfiddle.net/adhKG/

источник

2011-02-01 19:01:35

Что это значит? какие встроенные стили на том, что упаковка div ?? – Paul

Извините, я неправильно произнес встроенные стили на div внутри обертки. Я также закрыл теги div только для того, чтобы убедиться, родительский div затем аккуратно обертывает дочерний div. Разве я не понимаю вопрос? Посмотрите пример. –

Ahh ok Я только что видел ваш пример, позвольте мне дать этот снимок – Paul

Проблема вертикального растяжения CSS

ответ

Смежные вопросы