Форум Сайтостроение Веб-строительство

Резиновая верстка DIVами

1 23
kruto
На сайте с 26.10.2007
Offline
12
kruto
#21

Ткач, спасибо за помощ. Правда код из Вашего 5-го сообщения все же не растягивает вниз столбцы. Это значит что ДИВы для такой задачи не подходят? Надо каркас табличный делать?

Здесь могла быть моя подпись.
Ткач
На сайте с 29.04.2007
Offline
95
Ткач
#22

kruto, всё растягивается, напишите ваш код

как пример могу привести пару версток

http://portfolio.time-online.ru/telik/

http://portfolio.time-online.ru/tvm/

Разработка и создание сайтов. Красиво, функционально, недорого. (http://time-online.ru/) ICQ 388-474-890)
kruto
На сайте с 26.10.2007
Offline
12
kruto
#23

Вот. скопировал весь текст. 

<html>

<head>

<META http-equiv="Content-Type" content="text/html; charset=windows-1251">

<style type="text/css">

<!--

html {heght: 100%; min-height: 100%;}

body{ 

height: 100%;

margin:0;

padding:0;

background:url(files/fon/bg1px.gif) right;

background-repeat:repeat-y;

}

div.main {min-height: 100%; margin-bottom: -32px; background:url(files/fon/bg2px.gif) left repeat-y;}

*html div.main {height: 100%;}

div.head{

background-color: #ff000f;

height: 205px;

}

div.pere {clear: both;}

div.preniz {height: 32px;}

div.niz{

height: 32px;

clear:both;

background-color: #ff000f;

}

div.levo {

float:left;

width: 314px;

background-color: #f000ff;

}

div.pravo{

margin-left:314px;

background-color:#e6e6e6;

}

-->

</style>

</head>

<body>

<div class="main">

<div class="head">Шапка</div>

<div class="levo">Новости </div>

<div class="pravo">Основная частьv<br>111</div>

<div class="pere"></div>

<div class="preniz"></div>

</div>

<div class="niz">Подвал</div>

</body>

</html>

почему-то не тянутся колонки. подвал сидит в низу как положено. Этого ж не может быть из-за того что не в отдельном файле css. Проверял в опере и IE

Вот как оно выглядит http://www.donarit.com/new5.html

Ткач
На сайте с 29.04.2007
Offline
95
Ткач
#24

kruto, удалено, сек

Ткач
На сайте с 29.04.2007
Offline
95
Ткач
#25

kruto, там где указаны бэкграунды для боди и дива.мэйн вставьте соответственно для боди цвет , который должен указыватся в правом блоке, а для мэйна бэкграунд рисунком, который сделаете цветом по левому краю и все заработает

т.е. вот так

<html>
<head>
<META http-equiv="Content-Type" content="text/html; charset=windows-1251">
<style type="text/css">
<!--
html {heght: 100%; min-height: 100%;}
body{
height: 100%;
margin:0;
padding:0;
background: #e6e6e6;
}
div.main {min-height: 100%; margin-bottom: -32px; background: url(files/fon/bg1px.gif) left repeat-y;}
*html div.main {height: 100%;}
div.head{
background-color: #ff000f;
height: 205px;
}
div.pere {clear: both;}
div.preniz {height: 32px;}
div.niz{
height: 32px;
clear:both;
background-color: #ff000f;
}
div.levo {
float:left;
width: 314px;
}
div.pravo{
margin-left:314px;
}
-->
</style>
</head>
<body>
<div class="main">
<div class="head">Шапка</div>
<div class="levo">Новости </div>
<div class="pravo">Основная частьv<br>111</div>
<div class="pere"></div>
<div class="preniz"></div>
</div>
<div class="niz">Подвал</div>
</body>
</html>
eTarget 2011:Панельная дискуссия «Стратегия eTarget 2011: Круглый стол Могут ли «плохие» входящие
S
На сайте с 29.01.2007
Offline
56
static
#26

Ткач, а какой при этом будет DOCTYPE?

Ткач
На сайте с 29.04.2007
Offline
95
Ткач
#27

static, любой, я верстаю сейчас в стрикте, до этого в Transitional , не имеет значения

S
На сайте с 29.01.2007
Offline
56
static
#28

а не будет ли смещения влево при больших разрешениях?

kruto
На сайте с 26.10.2007
Offline
12
kruto
#29

О_о. Спасибо огромное. теперь все работает.

static, Проверил на разрешении 1680*1050 - работает как часы. Еще раз спасибо Ткач

Ткач
На сайте с 29.04.2007
Offline
95
Ткач
#30
static:
а не будет ли смещения влево при больших разрешениях?

нет не будет, откуда ему взятся?

kruto, на здоровье) нет ничего невозможного, можно делать всё что угодно и верстается всё. (не зря цены на верстку у всех разные :))

1 23

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий