X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

3 страниц V   1 2 3 >
Открыть тему
Тема закрыта
> Прижать блок к нижней части.. дива?
Pinkman
Pinkman
Topic Starter сообщение 1.4.2015, 14:43; Ответить: Pinkman
Сообщение #1


Привет всем !) Сижу вот тут голову ломаю. Я знаю что есть способ прижатия футера к нижней части экрана (я уже гуглил) но беда в том, что мне нужно прижать один блок.. Короче, я вот тут нарисовал схему своего шаблона (это просто схема, шаблон выглядит намного красивей), больно не пинайте, я все таки не Лебедев..
[IMG]http://storage2.static.itmages.ru/i/15/0401/h_1427884450_5638577_ef2200dadb.png[/IMG]
Вот, как видно на моем произведении искусства, справа есть колонка с основными блоками, меню, категории всякие и прочее. Колонка эта растягивается, в зависимости от количества новостей слева. Все меню и блоки понятное дело находятся в верхней части, а мне нужно прикрепить один блок в нижней.. Там красный квадратик, с надписью "Логотип", вот чтобы так и было.

Как такое реализовать?( Вчера весь вечер убил, не придумал.. может как то сделать 100% отступ от блоков сверху? Или отрицательный марджин, не знаю, у кого опыт есть, подскажите пожалуйста что нибудь?

P.s извиняйте за слишком большой имагес, кнопки спойлера не нашел чтобы спрятать :nea:
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Degradator
Degradator
сообщение 1.4.2015, 15:02; Ответить: Degradator
Сообщение #2


попробуй положить логотип в подвал, и дать ему
position: absolute;
bottom: 400px;
right: 20px;
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Pinkman
Pinkman
Topic Starter сообщение 1.4.2015, 15:13; Ответить: Pinkman
Сообщение #3


(Degradator @ 1.4.2015, 17:02) *
попробуй положить логотип в подвал, и дать ему
position: absolute;
bottom: 400px;
right: 20px;


Блок оказывается дааааалеко наверху. Чтобы его опустить в низ, пришлось указать bottom: -2450px; Естественно, на другой странице, где новостей поменьше, этот косяк проявился) Блок оказался далеко внизу, один.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Degradator
Degradator
сообщение 1.4.2015, 15:23; Ответить: Degradator
Сообщение #4


подвал прижат к низу страницы? В смысле, position: fixed?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Pinkman
Pinkman
Topic Starter сообщение 1.4.2015, 15:29; Ответить: Pinkman
Сообщение #5


(Degradator @ 1.4.2015, 17:23) *
подвал прижат к низу страницы? В смысле, position: fixed?

Нет, подвал держится за счет правых блоков. Их 5 штук и в высоту занимают больше 1к пикселей, потому не было надобности фиксировать подвал.. Попробую сейчас с этим что нибудь сделать..
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Degradator
Degradator
сообщение 1.4.2015, 15:33; Ответить: Degradator
Сообщение #6


а, подвал не фиксированный. Тогда клади логотип туда, где он должен быть, задавай контейнеру относительное позиционирование (position: relative), логотипу position: absolute; bottom: 10px; right: 10px;
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Pinkman
Pinkman
Topic Starter сообщение 1.4.2015, 15:39; Ответить: Pinkman
Сообщение #7


(Degradator @ 1.4.2015, 17:33) *
задавай контейнеру относительное позиционирование (position: relative),

Контейнеру - это блоку, в котором логотип, или всей правой колонке?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Degradator
Degradator
сообщение 1.4.2015, 15:43; Ответить: Degradator
Сообщение #8


тому, в котором логотип. Посмотри что будет если задать относительное позиционирование правой колонке, и положить в нее логотип.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Pinkman
Pinkman
Topic Starter сообщение 1.4.2015, 15:52; Ответить: Pinkman
Сообщение #9


(Degradator @ 1.4.2015, 17:43) *
тому, в котором логотип. Посмотри что будет если задать относительное позиционирование правой колонке, и положить в нее логотип.

Я поместил в правой колонке, после всех блоков:
<div id="saveme">
<div id="positionrel"><img src="info.png"></div>
</div>
<style>
#positionrel{
position: absolute; bottom: 10px; right: 10px;
}
#saveme{
position: relative;
}
</style>

Логотип находится внутри самого нижнего блока, в правом нижнем углу. Не под ним, в внутри. А если указываю position:relativ для правой колонки, то результат тот же.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Pinkman
Pinkman
Topic Starter сообщение 1.4.2015, 15:54; Ответить: Pinkman
Сообщение #10


Может, поместить блок с логотипом не в саму колонку, а под нею, сделать float:right, и как нибудь приподнять вверх? Или блок просто так не залезет на другой? Может с z-index как нибудь получится?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
3 страниц V   1 2 3 >
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Как скрыть блок в приложении на Android
0 Вито_052 1092 15.12.2019, 12:37
автор: Вито_052
Открытая тема (нет новых ответов) Появляющийся блок
0 sergei_burg 2202 1.6.2019, 13:39
автор: -sergei1980-
Открытая тема (нет новых ответов) Перенести блок FAQ с сайта
Верстка
3 Gera 2553 13.12.2018, 15:40
автор: mmkulikov
Открытая тема (нет новых ответов) Прижать к низу экрана
2 sergei_burg 5413 2.9.2018, 23:17
автор: -dkflbr-
Открытая тема (нет новых ответов) Куплю места на мордочках, под сквозные ссылочки под блок сквозных ссылок.
тематика: СМИ,Туризм,Медицина
4 SeoGanik 9627 18.2.2017, 12:33
автор: SeoGanik


 



RSS Текстовая версия Сейчас: 19.4.2024, 18:37
Дизайн