Проблемка с divами! подскажите

Vitten · January 28, 2008

Подскажите, пожалуйста! Имеется 3 блока div выстроенные в линию один за другим. Первый и третий блоки имеют фиксированную ширину в px, надо сделать, чтобы блок, который находится между ними растягивался в зависимости от разрешения экрана. Помогите, буду очень благодарен!

Вот, собственно, код:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Слои по горизонтали</title>
<style type="text/css">
div { margin:0; }
#layer1 {
background-color: #fc0; /* Цвет фона слоя */
float:left;
background:url(img/top_01.jpg) no-repeat;
height:149px;
width:419px;
}
#layer2 {
background-color: #c0c0c0; /* Цвет фона слоя */
float:left;
background:url(img/top1_02.jpg) repeat-x;
height:149px;
}
#layer3 {
background-color: #0066FF; /* Цвет фона слоя */
float:left;
width:482px; /* Ширина слоя */
background:url(img/top2_03.jpg) no-repeat;
height:149px;
min-width:149px;
}

#gl{ width:100%;
background:url(img/top1_02.jpg) repeat-x;
min-width:1024px}
</style>
</head>
<body style="margin:0;padding0;">
<div id="gl">
<div id="layer1">1-й блок</div>
<div id="layer2">2-й блок</div>
<div id="layer3">3-й блок</div>
</div>
</body>
</html>

klierik · January 28, 2008

для начала прочтите пожалуйста правила оформления постов, а именно - поместите код в соответствующий тег

чтобы блок, который находится между ними растягивался в зависимости от разрешения экрана.

что именно вы имеет ввиду под этим предложением?

и вообще в чем собственно состоит задача?

возможно это вам поможет - http://htmlbook.ru/content/?id=100

Vitten · January 29, 2008

<div>1</div><div>2</div>3</div>

Вот, собственно, блок номер 2 должен тянуться, при изменении разрешения, а блоки 1 и 3 оставаться на своих местах при любом разрешении.

Спасибо за ссылку почитаю

klierik · January 29, 2008

http://forum.htmlbook.ru/viewtopic.php?pid=46657#p46657

в этом посте находиться уже написанный вам код.

Vitten · January 29, 2008

Большое спасибо!

klierik · January 29, 2008

u wellcome

Sign In

Проблемка с divами! подскажите

Question

Vitten

Link to comment

Share on other sites

5 answers to this question

Recommended Posts

klierik

Link to comment

Share on other sites

Vitten

Link to comment

Share on other sites

klierik

Link to comment

Share on other sites

Vitten

Link to comment

Share on other sites

klierik

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information