Поддержка Проблемы и решения Sidebar.php до самого низу

Просмотр 10 ответов — с 1 по 10 (всего 10)
  • И если можно, как это в php сделать?
    А то css может старик экплорер не понять.

    Либо табличная вёрстка, либо только CSS.

    А то css может старик экплорер не понять.

    Не говорите глупости. Параметры высоты и ширины понимает любой браузер.

    Не говорите глупости. Параметры высоты и ширины понимает любой браузер.

    А если высота колонки посередине — динамическая?

    Не бывает никакой динамической высоты в css. Либо она абсолютная (в пикселях), либо относительная (в процентах). Но в любом случае атрибут height понимает любой браузер.

    Модератор Yuri

    (@yube)

    И уж чего браузеры точно не понимают, так это php 😉

    Не бывает никакой динамической высоты в css. Либо она абсолютная (в пикселях), либо относительная (в процентах). Но в любом случае атрибут height понимает любой браузер.

    Апельсинова, скажем так, неизвестно, какой ТОЧНО высоты будет колонка посередине, ведь её высота может быть НЕ фиксированной, например, там будут какие-то посты с картинками. И скажите тогда, КАК можно сделать так, чтобы колонки слева и справа совпадали по высоте (которая неизвестна) со средней колонкой?

    Модератор Yuri

    (@yube)

    http://htmlbook.ru/samlayout/tipovye-makety/kolonki-odinakovoi-vysoty

    И еще куча решений, в т.ч. целая статья на Хабре.

    В htmlbook:

    .layout {
    overflow: hidden; /* Отмена обтекания */
    }
    .col1, .col2, .col3 {
    width: 33.33%; /* Ширина колонок */
    float: left; /* Создаем колонки */
    }
    .layout div div {
    margin: 0 10px; /* Отступы */
    padding: 10px; /* Поля */
    height: 150px; /* Высота колонок */
    background: #4f703e; /* Цвет фона */
    color: #f5e8d0; /* Цвет текста */
    overflow: auto;

    Получается, должен быть обший контейнер, в котором должны быть все три колонки.

    Вот как:
    #container{overflow: hidden; width:1200px; background: #fff;}
    #sidebar1{float:left; width:300px; background: #000; margin: 0 0 0 -900px;}
    #sidebar2{float:left; width:300px; background: #000; margin: 0 0 0 0}
    #content{display:inline; float:left; width:600px; margin:0 0 0 300px; }

    Но это всё что было, это лирика, так оно выглядит в моём шаблоне и проблемы не решает. Дальше по примеру:

    В htmlbook:

    .layout div div {
    margin: 0 10px; /* Отступы */
    padding: 10px; /* Поля */
    height: 150px; /* Высота колонок */
    background: #4f703e; /* Цвет фона */
    color: #f5e8d0; /* Цвет текста */
    overflow: auto;
    }

    И что делать?
    #container sidebar2 sidebar1 content{
    overflow: auto;}
    Или как? Должен быть какой-то один объединяюший тег, наверное он и есть overflow: auto, но как его применить? И height нужно фиксировать как-то. Уже бы давно всё сверстал картинками, но хочунаучиться делать полупрозрачные фоны.

    Вопросы вёрстки следует обсуждать на соответствующих ресурсах. На этом форуме обсуждается работа CMS.

Просмотр 10 ответов — с 1 по 10 (всего 10)
  • Тема «Sidebar.php до самого низу» закрыта для новых ответов.