Компьютерный форум OSzone.net  

Компьютерный форум OSzone.net (http://forum.oszone.net/index.php)
-   Вебмастеру (http://forum.oszone.net/forumdisplay.php?f=22)
-   -   Расположение DIV блока (http://forum.oszone.net/showthread.php?t=71157)

CTEPBA 11-09-2006 21:02 483642

Расположение DIV блока
 
У меня есть блок:
Код:

<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 483760

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

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

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

CTEPBA 12-09-2006 20:52 484053

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

Coutty 12-09-2006 21:54 484090

Цитата:

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

CTEPBA 12-09-2006 22:57 484118

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

.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 484247

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

<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 484577

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


Время: 08:13.

Время: 08:13.
© OSzone.net 2001-