Расположение DIV блока [Версия для КПК] - Компьютерный форум OSzone.net

Показать полную графическую версию : Расположение DIV блока

CTEPBA

11-09-2006, 21:02

У меня есть блок:

<div class="copyright">copyright
</div>

Вот его CSS:

.copyright
{ background-image:url(img/copiright.gif);
background-repeat:repeat-x;
width:100%;
clear:both;
height:56px;}

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

Coutty

12-09-2006, 09:00

Попробуй добавить:

.copyright {
position:absolute;
bottom:0px;
}

Только в данном случае (в Опере) появляется горизонтальная полоса прокрутки. Поэтому width нужно поставить в 95% (или чуть больше, чтобы не было полосы).

CTEPBA

12-09-2006, 20:52

не поможет, так блок будет похицианировать внизу окно блаузера, а не страници.
А так не знаю как сделать.

Coutty

12-09-2006, 21:54

не поможет, так блок будет похицианировать внизу окно блаузера, а не страници.
Частично вы правы.
Но, вот если заменить position:absolute на position:relative, то под страницей, а не под окном будет.
Если вы докажете, что это не так, значит вы делаете ошибку при доказательстве ;)
Проверил в Опере и IE.

CTEPBA

12-09-2006, 22:57

Ничего не получаеться у меня так:

.copyright_line
{ background-image:url(../img/copiright.gif);
background-repeat:repeat-x;
width:100%;
height:56px;
position:relative;
bottom:0px;
}

Coutty

13-09-2006, 08:50

Привожу весь файл:

<html><head><title></title>
<style>
.copyright
{ background-image:url(img/copyright.gif);
background-repeat:repeat-x;
width:100%;
clear:both;
height:56px;
position:relative;
bottom:0px;}
</style>
</head>
<body>
Много-много-много текста
<div class="copyright"><span style="color:red">copyright</span>
</div>
</body>
</html>

Строку "Много-много-много текста" нужно заменить на действительно много текста (больше страницы). Тогда будет виден результат.
Если не получается, покажи свой файл (и браузер).

CTEPBA

13-09-2006, 21:58

Вот и есть проблема, если текста не много, то он кончается посередине.