Имя пользователя:
Пароль:  
Помощь | Регистрация | Забыли пароль?  | Правила  

Компьютерный форум OSzone.net » Компьютеры + Интернет » Вебмастеру » Расположение DIV блока

Ответить
Настройки темы
Расположение DIV блока

Аватара для CTEPBA

Старожил


Сообщения: 231
Благодарности: 0

Профиль | Отправить PM | Цитировать


У меня есть блок:
Код: Выделить весь код
<div class="copyright">copyright
	</div>
Вот его CSS:
Код: Выделить весь код
.copyright
	{ background-image:url(img/copiright.gif);
	background-repeat:repeat-x;
	width:100%;
	clear:both;
	height:56px;}
как сделать так чтобы этот блок был постоянно внизу, вместо того чтобы он прилеплялся к последне строчки текста?

Отправлено: 21:02, 11-09-2006

 

Аватара для Coutty

Кот Ти


Сообщения: 7318
Благодарности: 1204

Профиль | Отправить PM | Цитировать


Попробуй добавить:
HTML код: Выделить весь код
.copyright { position:absolute; bottom:0px; }

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

Отправлено: 09:00, 12-09-2006 | #2



Для отключения данного рекламного блока вам необходимо зарегистрироваться или войти с учетной записью социальной сети.

Если же вы забыли свой пароль на форуме, то воспользуйтесь данной ссылкой для восстановления пароля.


Аватара для CTEPBA

Старожил


Сообщения: 231
Благодарности: 0

Профиль | Отправить PM | Цитировать


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

Отправлено: 20:52, 12-09-2006 | #3


Аватара для Coutty

Кот Ти


Сообщения: 7318
Благодарности: 1204

Профиль | Отправить PM | Цитировать


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

Отправлено: 21:54, 12-09-2006 | #4


Аватара для CTEPBA

Старожил


Сообщения: 231
Благодарности: 0

Профиль | Отправить PM | Цитировать


Ничего не получаеться у меня так:
Код: Выделить весь код
.copyright_line  	
{ background-image:url(../img/copiright.gif);
  	background-repeat:repeat-x;
  	width:100%;
  	height:56px; 
 	position:relative;
         bottom:0px;  		
}

Отправлено: 22:57, 12-09-2006 | #5


Аватара для Coutty

Кот Ти


Сообщения: 7318
Благодарности: 1204

Профиль | Отправить PM | Цитировать


Привожу весь файл:
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>

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

Отправлено: 08:50, 13-09-2006 | #6


Аватара для CTEPBA

Старожил


Сообщения: 231
Благодарности: 0

Профиль | Отправить PM | Цитировать


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

Последний раз редактировалось Prisoner, 14-09-2006 в 01:03.


Отправлено: 21:58, 13-09-2006 | #7



Компьютерный форум OSzone.net » Компьютеры + Интернет » Вебмастеру » Расположение DIV блока

Участник сейчас на форуме Участник сейчас на форуме Участник вне форума Участник вне форума Автор темы Автор темы Шапка темы Сообщение прикреплено

Похожие темы
Название темы Автор Информация о форуме Ответов Последнее сообщение
[решено] div как ссылка? rizz Вебмастеру 12 13-05-2009 15:52
html,css (div высота) brain_13 Вебмастеру 4 12-06-2008 09:02
блочная верстка часть 2 (DIV) Vlad Drakula Вебмастеру 3 08-07-2006 13:26
блочная верстка часть 1 (DIV) Vlad Drakula Вебмастеру 33 08-07-2006 10:37
Div x player favn Хочу все знать 1 10-10-2004 00:50




 
Переход