Как сделать плавающий блок внизу страницы?

Красавчег · 20.03.2011, 09:42

Хочу сделать плавающий рекламный блок, который при скроллинге привязан к нижней части страницы.

Может, кто встречал подобное?

eresik · 20.03.2011, 09:51

Вроде так должно получиться (не тестировал)

CSS:

position: relative;
margin-top: -50px;
height: 50px;

Красавчег · 20.03.2011, 10:25

Сделал:

Код HTML:

<style type="text/css">
.reklama {position: relative; margin-top: -50px; height: 50px}
</style>

<div class=”reklama”>Рекламный Текст</div>

блок прибит к верхней части страницы.

eresik · 20.03.2011, 10:27

Цитата:

Сообщение от Красавчег

блок прибит к верхней части страницы.

Ну главное что прибит

Значит наверное как-то так можно и к нижней части прибить

Щас поэкспериментирую, самому стало интересно

chahlic · 20.03.2011, 11:34

Цитата:

Сообщение от Красавчег

блок прибит к верхней части страницы.

<STYLE>
.reklama {position: fixed;
bottom:0;
left:0; }
</STYLE>

Только это для ИЕ не подходит

Jimi Dini · 20.03.2011, 11:38

о спасибо великому яндексу.

_ttp://htmlbook.ru/layout/fiksirovannyy-podval

благодарности занесешь потом есличо.

код для ie6 там тоже есть

chahlic · 20.03.2011, 11:47

Цитата:

Сообщение от Jimi Dini

код для ie6 там тоже есть

В 8-м тоже не работает, если что

support · 20.03.2011, 11:57

Цитата:

Сообщение от chahlic

Только это для ИЕ не подходит

Сделал кнопки для сайта, а в ИЕ они не отображаются, как быть ?

chahlic · 20.03.2011, 12:19

Цитата:

Сообщение от support

Сделал кнопки для сайта, а в ИЕ они не отображаются, как быть ?

Отличный вопрос. И как, интересно, я могу на него ответить?

Jimi Dini · 20.03.2011, 12:30

Цитата:

Сообщение от chahlic

В 8-м тоже не работает, если что

там по ссылке есть код с учетом ие.

Цитата:

Сообщение от support

Сделал кнопки для сайта, а в ИЕ они не отображаются, как быть ?

включить режим телепатии и телепатировать недостающую инфу, ессно.

20.03.2011, 09:42	#1
Красавчег К черту кодекс !! Регистрация: 19.12.2009 Адрес: [ forum.sape.ru ] Сообщений: 2,168 Вес репутации: 390	Как сделать плавающий блок внизу страницы? Хочу сделать плавающий рекламный блок, который при скроллинге привязан к нижней части страницы. Может, кто встречал подобное? __________________ Вы использовали запрещённое администрацией слово(-а). Пожалуйста, удалите его(их).

20.03.2011, 09:51	#2
eresik Эксперт Регистрация: 12.12.2009 Адрес: Ростов-на-Дону Сообщений: 1,537 Вес репутации: 257	Вроде так должно получиться (не тестировал) CSS: position: relative; margin-top: -50px; height: 50px; __________________ Партнёрка знакомств с блоком SAPE. Сапа без расходов на хостинг! Самый удобный Хостинг (в т.ч. сейчас - бесплатное полугодовое тестирование хостинга Node.JS)

20.03.2011, 10:25	#3
Красавчег К черту кодекс !! Регистрация: 19.12.2009 Адрес: [ forum.sape.ru ] Сообщений: 2,168 Вес репутации: 390	Сделал: Код HTML: <style type="text/css"> .reklama {position: relative; margin-top: -50px; height: 50px} </style> <div class=”reklama”>Рекламный Текст</div> блок прибит к верхней части страницы. __________________ Вы использовали запрещённое администрацией слово(-а). Пожалуйста, удалите его(их).

20.03.2011, 11:38	#6
Jimi Dini Серьезный бизнес. Регистрация: 07.03.2008 Адрес: localhost Сообщений: 2,254 Вес репутации: 334	о спасибо великому яндексу. _ttp://htmlbook.ru/layout/fiksirovannyy-podval благодарности занесешь потом есличо. код для ie6 там тоже есть __________________ qwsa.ru - подъем по НЧ и СЧ, ускорение индексации подписка на список прокси - prxy.ru aswq.ru - обучение вебмастеров

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Ссылки вверху и внизу, разница?	ATCnik	Вопросы по работе системы	6	03.11.2009 04:28
Че за ерунда внизу страницы?	Robingoodd	Курилка	9	02.12.2008 06:35
Блочные ссылки внизу	uzolesya	Вопросы по работе системы	8	24.03.2008 23:21
Как сделать блок из одной ссылки?	Crockett	Пожелания пользователей системы	3	08.07.2007 13:25
цена: размещение центр или внизу	inf4mi	Вопросы по работе системы	7	05.06.2007 20:36