bobob
04.02.2007, 03:58
пацаны хелпаните, долго не возился с версткой, всё забыл...
есть макет в джпеге - я нарезил его дримвивером, выдало примерно такой код:
<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;
}
мне надо раздуплить эту жесткую привязку к пикселям в резину чтоб центральная часть могла двигатся, а то шяс стоит ступорем.
Мне надо контент по центру страницы сделать передвигающимся при изменении размеров окна, тоесть сделать резиной.........ХЕЛП!
есть макет в джпеге - я нарезил его дримвивером, выдало примерно такой код:
<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;
}
мне надо раздуплить эту жесткую привязку к пикселям в резину чтоб центральная часть могла двигатся, а то шяс стоит ступорем.
Мне надо контент по центру страницы сделать передвигающимся при изменении размеров окна, тоесть сделать резиной.........ХЕЛП!