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

CSS position: ...

  •
  • 07 апреля 2012 г. , редакция: 07 апреля 2012 г.
  • Доброго времени суток, Форумчане!

    Возникла загвоздка с версткой
    Есть контейнер с блоками

    Код
    wrapper { width: 100%; margin: 0 auto;}

    в нем еще четыре контейнера:

    header {height: 235px;}
    iHeader {width:1000px; margin: 0 auto; position: relative;}

    menu {height: 30px;}
    iMenu {width:1000px; margin: 0 auto; position: relative;}
    content {height: ?auto;?}
    iContent {width:1000px; margin: 0 auto; position: relative;}

    footer {height: 80px}
    iContent {width:1000px; margin: 0 auto; position: relative;}


    в content еще три блока с position:absolut и в этих трех блоках еще по четыре блока так же с position:absolut

    Когда вставляешь footer он выводиться после menu, а не после content.

    Если убрать всё из блока content и вставить текст то все нормально, блок увеличивается по высоте как надо.

    Все перепробовал, ничего не помогает.

    P.S. Плохо когда не знаешь, да еще и забыл
    •
    • 07 апреля 2012 г.
    • Перед футером вставьте <div style="clear: both;"></div>
      •
      • 07 апреля 2012 г.
      • Если не помогает, то где искать ошибку? что может препятствовать этому стилю?
  •
  • 07 апреля 2012 г.
  • попробуй футер вынести за пределы wraper
    •
    • 07 апреля 2012 г.
    • Цитата
      Все верно position:absolute исключает блок и нормального потока.

      вынос footer за пределы wrapper проблемы не решила и вообще как-то странно все теги закрыты, но content почему то за приделами wrapper, а header и menu внутри wrapper-a. Я если честно вообще ничего не понимаю, почему так происходит?..
      •
      • 08 апреля 2012 г.
      • потому что когда внутри блока находятся другие с позишн абсолюте, высота этого родительского блока становится нулевой (без учета маржинов и педдингов)

        если нельзя обойтись ббез позишн-абсолюте, пропишите для родительского блока в css стиль - min-height: ***px;

        где вместо звездочек - нужную высоту подставьте
  •
  • 10 апреля 2012 г.
  • Надо переделывать...

    И еще вопросик: установлена ширина блока 950px, внутри еще один блок position:absolut; а ширина 1200px к примеру, как убрать горизонтальный скролинг? Например монитор 1024рх и более скрола нет, а если менее, то скрол есть и только для 950рх?
    •
    • 10 апреля 2012 г.
    • Код
      overflow-x: hidden;
      •
      • 10 апреля 2012 г. , редакция: 10 апреля 2012 г.
      • Не помогает :( Если добавить к родительному блоку, то добавляется вертикальный скрол у самого блока, а если к блоку который выходит за 950рх то никаких изменений не происходит...

Новости

  • Не пропустите сборку DIAFAN.CMS 7.1.4
  • 24 апреля, среда
  • В новой сборке совершили революцию в структурировании кастомизированной информации в шаблонах, добавили авторегистрацию пользователей, усовершенствовали защиту от спама, актуализировали накопительную скидку, а также улучшили производительность и стабильность работы системы.
  • Сборка DIAFAN.CMS 7.1.3
  • 12 января
  • После выхода сборки 7.1 мы выпустили уже три патча, в каждом из которых улучшаем административную часть сайта. Сборка DIAFAN.CMS 7.1.3 уже доступна к установке. 
  • Новость. Сборка. Тарифы
  • 15 декабря 2023 г.
  • Подводим итоги 2023 года. Выпустили новую сборку DIAFAN.CMS 7.1.1, вводим новые тарифы на аренду сайта и коммерческую поддержку и автообновления с января 2024 г., строим планы на будущий год.
Все новости