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



 

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

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

Открыть тему
Тема закрыта
> Позиционирование diva
remvologda
remvologda
Topic Starter сообщение 1.5.2013, 16:42; Ответить: remvologda
Сообщение #1


Для наглядности я по быстрому нарисовал в пайнте. Страница сайта состоит из шапки во всю длину, левой колонки где выводятся меню и некоторая инфа, центральной колонки с основным текстом, который я могу редактировать не залезая в панель управления прямо со страницы, правого блока с информерами и банерами, а так же подвала во всю длину снизу.

Идея в том, что мне нужно вывести в левую колонку дополнительную информацию об основном тексте. Сделать это через ПУ и глобальные блок левый не получиться, так как информация эта будет для каждой страницы своя. Выход вижу только один.

Через центральную колонку открываю редактирование и вставляю в HTML такой код div class="olenblok" - УРА ТОВАРИЩИ - /div (див само собой открываю и закрываю.

В CSS прописываю для класса (продублировал на рисунке вдруг не отобразиться здесь)
.olenblok {position: relative;width:200px;
bottom: 1830px;
right: 220px;
line-height: 1px;}

Замечательно вставленная информация допустим по высоте растянула этот блок на 500px. Блок переместился влево и встал как нужно мне.

И черт все бы хорошо, НО под основным текстом в центральной колонке осталось пустое место равное этим же 500 пикселям и футер не подтягивается к концу текста.

Подскажите пож. в чем загвоздка. Не особенно критикуйте. CSS я начал познавать недавно и прежде чем обратиться полтора дня искал ответ в инете.

[img]http://img-fotki.yandex.ru/get/6424/78886792.0/0_11f792_b8f7846f_XL.jpg[/img]
[img]http://img-fotki.yandex.ru/get/5645/78886792.0/0_11f798_dd23bbca_XL.jpg[/img]
[img]http://img-fotki.yandex.ru/get/5646/78886792.0/0_11f79d_a984ce7a_XL.jpg[/img][img]http://img-fotki.yandex.ru/get/6436/78886792.0/0_11f7a2_9faa9feb_XL.jpg[/img]
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
yury_mw
yury_mw
сообщение 1.5.2013, 19:17; Ответить: yury_mw
Сообщение #2


Алексей19076,
Так, как вы хотите, делать нельзя. Надо в левый блок выводить, иначе начинка левого блока может перекрываться с вот этим вашим olenblok-ом.

Но, как известно, если нельзя, но очень хочется, то можно.
Потому вот вам стиль, который задвинет ваш olenblok, буквально, куда угодно:
.olenblok{
  position: absolute;
  top: 400px;
  left: 0;
  width: 200px;
}

Меняя значение свойства top подберите подходящее вам его положение по вертикали.
Следует понимать, что в левом столбце должно быть достаточно _свободного_ места для размещения этого блока, иначе он может наложиться и на левый блок и на подвал.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
remvologda
remvologda
Topic Starter сообщение 2.5.2013, 10:13; Ответить: remvologda
Сообщение #3


[member=yury], Спасибо Юра большое, я вчера уже понял, что нужно заменить на
position: absolute; и плясать отсюда, но на практике не успел проверить. Админам форума могу сказать спасибо за ресурс. Из более 10 аналогично заданных вопросах, только здесь мне удалось получить ответ.

Сейчас все работает нормально остается только протестировать под разное разрешение браузеров. т.к у меня ширина боди задана 1240px

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
2 чел. читают эту тему (гостей: 2, скрытых пользователей: 0)
Пользователей: 0


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) 3 diva в ряд
4 d1st 6305 1.9.2012, 9:09
автор: -A1ex-
Открытая тема (нет новых ответов) Позиционирование блока в "резиновом" сайте
4 arthur1974 7721 16.5.2012, 18:26
автор: -arthur1974-
Открытая тема (нет новых ответов) Позиционирование логотипа по центру
0 nuon 3369 30.4.2012, 10:30
автор: -nuon-


 



RSS Текстовая версия Сейчас: 28.3.2024, 23:54
Дизайн