1. Главная
  2. Форумы
  3. Техподдержка Drupal
  4. Решение проблем

Разная верстка для главной и остальных страниц[РЕШЕНО]

Главные вкладки

Аватар пользователя m_pchelnikov m_pchelnikov 29 октября 2013 в 0:33

Доброго времени суток!
Прошу помощи!

За основу взял шаблон black lagoon - фиксированной ширины. Задача - сделать резиновым. До этого были доработки - логотип вынесен за пределы wrapper, внизу окна контента добавлено меню. Добавлял по аналогии с главным меню.
После задания размеров элементов в процентах появилась проблема - на страницах весь то окно, которое должно служить фоном для основного контента сжалось в полоску, как будто этот элемент не видит ничего. При этом нижнее меню, которое я добавил, сместилось вверх вправо.
Как должно выглядеть (до изменений значений ширины элементов):

Не знаю в какую сторону копать, что с этим можно сделать... Опыта крайне мало, подскажите, буду благодарен! Если не затруднит, максимально развернуто Smile

На всякий случай приложу файл layout.css

ВложениеРазмер
Иконка простого текстового файла layout.txt2.74 КБ

Комментарии

Аватар пользователя Antoniy Antoniy 29 октября 2013 в 9:59

Нужен clearfix этому слою с черным фоном.
На главной странице внутри слоя с черным фоном нету слоев с float, а на второстепенных страницах область контента и сайдбар с float, вот у вас и слой с черным фоном и сворачивается в трубочку) А если ему сделать clearfix, то он автоматом будет растягиваться по вертикали в зависимости от слоев, которые внутри.

Аватар пользователя m_pchelnikov m_pchelnikov 10 ноября 2015 в 11:49

Kremenetskiy wrote:
Нужен clearfix этому слою с черным фоном.
На главной странице внутри слоя с черным фоном нету слоев с float, а на второстепенных страницах область контента и сайдбар с float, вот у вас и слой с черным фоном и сворачивается в трубочку) А если ему сделать clearfix, то он автоматом будет растягиваться по вертикали в зависимости от слоев, которые внутри.

Да, ставил float для логотипа. Спасибо за ответ, обязательно попробую clearfix!

upd: К сожалению, ни clear, ни clearfix не помогли, единственное - нижнее меню вернулось на нужное место. Посмотрите пож-та код, что в нем не так?

Аватар пользователя Allaur Allaur 29 октября 2013 в 23:28

#content
Попробуйте удалить,

min-height: 79%;
max-height: 450px;

а вместо этого поставить
height: 100%;
------------------
Здесь

#content .maincontentside
#content .sidebar-first, #content .sidebar-second

Поиграйтесь
width
Пимерно
maincontentside-74%
#content .sidebar-second-26%
и в maincontentside
padding: 0px;

Ну а код логотипа слева в шаблоне убейте )))

Аватар пользователя m_pchelnikov m_pchelnikov 30 октября 2013 в 16:39

Allaur wrote:
#content
Попробуйте удалить,

min-height: 79%;
max-height: 450px;

а вместо этого поставить
height: 100%;
------------------
Здесь

#content .maincontentside
#content .sidebar-first, #content .sidebar-second

Поиграйтесь
width
Пимерно
maincontentside-74%
#content .sidebar-second-26%
и в maincontentside
padding: 0px;

Ну а код логотипа слева в шаблоне убейте )))

Нет, увы, это не помогло. Не могу догадаться в чем проблема