PDA

Просмотр полной версии : "Резиновый" дизайн


Lautes
17.06.2007, 01:44
Вообщем я делаю сайт с "резиновой" вёрсткой всё впринципе шло хорошо, но вот стало нужно сделать боковины (графические узоры, размещённый вдоль левого и правого края страницы) эти боковины находятся в слоях, так вот сделал я левую боковину всё хорошо выглядит при любом разрешение, но вот после того как поставил правую боковину при большом разрешение монитора, правая боковина становится по центру страницы т.е. просто напросто "плывёт" налево. Как можно прикрепить или зафиксировать правую боковину на правом крае.

Еж™
17.06.2007, 16:08
Lautes, выложи код css и html который относится к твоим узорам (обоим)

Lautes
17.06.2007, 17:25
Левая боковина.
CSS:
#leftimage{
position: absolute;
margin: 0;
padding: 0;
width: 37px;
height: 1150px;
left: 4px;
top: 348px;
background-image: url(images/left_image.jpg);
background-position: left bottom;
background-repeat: repeat;
}
#left_image_footer{ /это продолжение боквины по горизонтали один узор/
position: absolute;
width:138px;
height:48px;
z-index:1;
left: 4px;
top: 1499px;
margin: 0;
padding: 0;
background-image: url(images/left_image_footer.jpg);
background-position: left bottom;
background-repeat: repeat;
}

Правая боквина.
CSS:
#rightimage{
position: absolute;
margin: 0;
padding: 0;
width:36px;
height:1347px;
z-index:2;
top: 149px;
left: 967px;
background-image: url(images/right_image.jpg);
background-position: right bottom;
background-repeat: repeat;
}
#right_image_footer{
position: absolute;
width:149px;
height:50px;
z-index:3;
left: 854px;
top: 1497px;
margin: 0;
padding: 0;
background-image: url(images/right_image_footer.jpg);
background-position: right bottom;
background-repeat: repeat;
}


html:

Как вы понимаете состоит всего лиш из слоя типа такого:
<div id="leftimage"></div>