есть три слоя на странице (именно слоя): #div1, #div2 и #div3, они идут слева направо, то бишь так:
+-----+ +-----+ +-----+
|#div1| |#div2| |#div3|
+-----+ +-----+ +-----+
#div1 имеет фиксированную ширину X px, остальные два слоя нужно сделать "резиновыми" (в процентах), чтобы на разных разрешениях вся область экрана была заполнена
делаю так:
div#div1
{
position:absolute;
left:0px;
top:120px;
width:198px;
margin:0px;
}
div#div2
{
position:absolute;
left:210px;
top:140px;
width:50%;
z-index:1;
margin-top:0;
}
div#rights
{
position:absolute;
right:10px;
top:140px;
width:20%;
z-index:2;
}однако на разрешении 1280*1024 появляется бостаточно неприятный пробел между 2-м и 3-м слоем, при уменьшении до разрешения 800*600 он уменьшается до нормальных значений, а при увеличении, увеличивается в большую сторону. если делать разрешение ещё меньше (или просто изменять размеры окна браузера) 2-й и 3-й слои налезают друг на друга
а мне нужно, чтобы этот пробел был постоянный, а при изменении размера в меньшую сторону слои не налезали, а появлялась горизонтальная прокрутка чтоли...
Думаю ещё сам, но жду и от вас предложений!