Форум АНТИЧАТ - Резина на дивах... ХЕЛП...

Форум АНТИЧАТ (https://forum.antichat.xyz/index.php)

- PHP, PERL, MySQL, JavaScript (https://forum.antichat.xyz/forumdisplay.php?f=37)

- - Резина на дивах... ХЕЛП... (https://forum.antichat.xyz/showthread.php?t=32660)

Резина на дивах... ХЕЛП...

пацаны хелпаните, долго не возился с версткой, всё забыл...

есть макет в джпеге - я нарезил его дримвивером, выдало примерно такой код:

Цитата:

<html>
<head>
<title>Untitled Document</title>
<link rel="stylesheet" href="st.css" type="text/css" />
</head>

<body>
<div id="Layer1"></div>
<div id="Layer2"></div>
<div id="Layer3"></div>
<div id="Layer4"></div>
<div id="Layer5"></div>
<div id="Layer6"></div>
<div id="Layer7"></div>
<div id="Layer8"></div>
<div id="Layer9"></div>
<div id="Layer10"></div>
</body>
</html>

и плюс стиль:

Цитата:

#Layer1 {
position: absolute;
left: 180px;
top: 53px;
width: 781px;
height: 112px;
z-index: 1;
}
#Layer2 {
position:absolute;
left:137px;
top:170px;
width:778px;
height:9px;
z-index:2;
}
#Layer3 {
position:absolute;
left:534px;
top:29px;
width:141px;
height:141px;
z-index:3;
}
#Layer4 {
position:absolute;
left:137px;
top:198px;
width:201px;
height:30px;
z-index:4;
}
#Layer5 {
position:absolute;
left:340px;
top:198px;
width:577px;
height:31px;
z-index:5;
}
#Layer6 {
position:absolute;
left:349px;
top:238px;
width:559px;
height:159px;
z-index:6;
}
#Layer7 {
position:absolute;
left:138px;
top:230px;
width:199px;
height:586px;
z-index:7;
}
#Layer8 {
position:absolute;
left:378px;
top:403px;
width:509px;
height:252px;
z-index:8;
}
#Layer9 {
position:absolute;
left:351px;
top:657px;
width:560px;
height:278px;
z-index:9;
}
#Layer10 {
position:absolute;
left:138px;
top:943px;
width:779px;
height:32px;
z-index:10;
}

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

Мне надо контент по центру страницы сделать передвигающимся при изменении размеров окна, тоесть сделать резиной.........ХЕЛП!

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

или ВААЩЕ, кто как делает резину на дивах с жпегнутых шаблонов???

вот такой вид, кликайте:

http://smages.com/thumbs/779f42a39b8...bdfc395f14.jpg

кому не лень напишите плиз, я бытро разберусь и вспомню мне просто лень опять всё повторять чтоб шаблончики мутить!

или дайте хороший материал на резиновую верстку дивами! плюсов дам...

Закинь свой дримвивер с его нарезкой куда нить поглубже, а сам руцями сделай нормальную верстку.
Что-то типа того:

Код:

//конец заголовка



<div style="width: 20%;float:left;">

<div style="height:20px; background-color: green">

</div>

<div style="border: solid 1px red;">

Левый столбец

</div>

</div>

<div style="width: 60%;">

<div style="height: 20px;">

Заголовок

</div>



<div>

верхняя строка

</div>



<div>

средняя строка

</div>



<div>

нижняя строка

</div>

</div>

И вообще, никогда не верь нарезке от всяких Дримвиверов и ImageReady - не в этом путь Дзена)

Работай руками и постигнешь силу древних

ех сцуко, лень самому думать, в дриме протянул див и имееш то что видеш, хотя нет резины =(

а твой вариант хорошо

тогда я разыскиваю хороший жырненький материал (книги, статьи) про резину на дивах и верстку с шаблонов!

и на том спасибо

"В Вилларибо и Виллабаджо опять дедлайн. Пока ребята из Вилларибо верстают сайт дивами, ребята из Виллабаджо уже всё сверстали на таблицах и ебошат друг друга в квейк." (цитата с баш.огр) прям в тему))

А вообще, вот тема с кучей ссылок
http://forum.antichat.ru/thread18709.html

Читай про позиционирование..