<DIV class="end"><BR>
</DIV>
Ширина div элемента
Здравствуйте уважаемые программисты. Во время разработки сайта столкнулся с такой проблемой:
имеется "зеленая полоса" внизу страницы сайта., в ней будет написана информация об авторских правах и т.д. Однако, я не могу сделать так, что бы она была на всю ширину страницы.
То-есть если появляется горизонтальная прокрутка - зеленая полоса не растягивается на всю ширину окна. Она заканчивается там, где начинается прокрутка.
Специально для вас сделать страницу хорошо иллюстрирующую эту проблему, поэтому посмотреть, о чем я говорю можно здесь: http://www.duplex-c.ru/vconsul/forhelp/index.html
Вот код:
код "зеленой полосы"
код зеленый полосы CSS:
Код элемента, который "выпирает", т.е тот, из-за которого полоса и не растягивается:
<
Пожалуйста, помогите.
имеется "зеленая полоса" внизу страницы сайта., в ней будет написана информация об авторских правах и т.д. Однако, я не могу сделать так, что бы она была на всю ширину страницы.
То-есть если появляется горизонтальная прокрутка - зеленая полоса не растягивается на всю ширину окна. Она заканчивается там, где начинается прокрутка.
Специально для вас сделать страницу хорошо иллюстрирующую эту проблему, поэтому посмотреть, о чем я говорю можно здесь: http://www.duplex-c.ru/vconsul/forhelp/index.html
Вот код:
код "зеленой полосы"
Код:
код зеленый полосы CSS:
Код:
div.end {
position: relative; //можно и absolute - одно и то же.
background-color: green;
width: 100%;
top: 1095px;
height: 80px;
}
position: relative; //можно и absolute - одно и то же.
background-color: green;
width: 100%;
top: 1095px;
height: 80px;
}
Код элемента, который "выпирает", т.е тот, из-за которого полоса и не растягивается:
<
Код:
DIV style="position: absolute; width: 243px; height: 111px; left: 2320px; top: 8px;">
*
</DIV>
*
</DIV>
Пожалуйста, помогите.
Дело тут вовсе не в div.end, а в другом блоке, который идет перед ним.
Вы ему задаете ширину 243 пикселя, а потом сдвигаете влево на 2320 пикселей. Он тупо не помещается в экран и поэтому появляется полоса прокрутки
Код:
<div style="position: absolute; width: 243px; height: 111px; left: 2320px; top: 8px;">
</div>
</div>
Вы ему задаете ширину 243 пикселя, а потом сдвигаете влево на 2320 пикселей. Он тупо не помещается в экран и поэтому появляется полоса прокрутки