Перейти к содержимому


Пользователь месяца
TimurR TimurR 1-й за Август
Очков активности: 726 3 темы, 35 сообщений, 11 баллов репутации
ТОП самых активных за этот месяц
  • Фотография ShowPrint
    #1

    ShowPrint (ShowPrint.ru)
    Очков активности: 207 2 темы, 17 сообщений, 6 баллов репутации

  • Фотография Ixman
    #2

    Ixman (o5cat.ru)
    Очков активности: 105 0 тем, 10 сообщений, 7 баллов репутации

  • Фотография WGN
    #3

    WGN (worldgamenews.com)
    Очков активности: 90 Вне конкурса за определение пользователя месяца

  • Фотография magnet
    #4

    magnet (rbfxdirect.com)
    Очков активности: 67.5 Вне конкурса за определение пользователя месяца

  • Фотография BLIK
    #5

    BLIK
    Очков активности: 45 Вне конкурса за определение пользователя месяца

  • Фотография TimurR
    #6

    TimurR
    Очков активности: 42 Вне конкурса за определение пользователя месяца

  • Фотография AnnaYa
    #7

    AnnaYa (topbase.ru)
    Очков активности: 33 2 темы, 5 сообщений, 2 балла репутации

  • Фотография Developer
    #8

    Developer
    Очков активности: 33 2 темы, 16 сообщений, 1 балл репутации

  • Фотография Алексей111
    #9

    Алексей111
    Очков активности: 28.5 5 тем, 4 сообщения, 1 балл репутации

  • Фотография Игорь Ку
    #10

    Игорь Ку (dudesday.ru)
    Очков активности: 24 1 тема, 5 сообщений, 2 балла репутации

  • Показать весь ТОП 10

Kwork.ru - услуги фрилансеров от 500 руб.

Поддержите форум! =)
Апдейты
  • Яндекс тИЦ: 19.11.2017
  • Яндекс выдача: 24.09.2018
Топ 5 участников по репутации


Позиционирование diva

#1 Алексей19076

Алексей19076
  • Неактивные
  • 4 сообщений
  • Репутация: 0
0

Отправлено 01 May 2013 - 15:42

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

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

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

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

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

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

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

Изображение
Изображение
ИзображениеИзображение

 

 

  • 0

#2 yury

yury
  • Пользователь
  • 642 сообщений
  • Репутация: 188

Отправлено 01 May 2013 - 18:17

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

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

#3 Алексей19076

Алексей19076
    Topic Starter
  • Неактивные
  • 4 сообщений
  • Репутация: 0

Отправлено 02 May 2013 - 09:13

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

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



Похожие темы

  Название темы Автор Статистика Последнее сообщение

Оформление форума – IPBSkins.ru