И если можно, как это в php сделать?
А то css может старик экплорер не понять.
Либо табличная вёрстка, либо только CSS.
А то css может старик экплорер не понять.
Не говорите глупости. Параметры высоты и ширины понимает любой браузер.
Не говорите глупости. Параметры высоты и ширины понимает любой браузер.
А если высота колонки посередине — динамическая?
Не бывает никакой динамической высоты в css. Либо она абсолютная (в пикселях), либо относительная (в процентах). Но в любом случае атрибут height
понимает любой браузер.
Модератор
Yuri
(@yube)
И уж чего браузеры точно не понимают, так это php 😉
Не бывает никакой динамической высоты в css. Либо она абсолютная (в пикселях), либо относительная (в процентах). Но в любом случае атрибут height понимает любой браузер.
Апельсинова, скажем так, неизвестно, какой ТОЧНО высоты будет колонка посередине, ведь её высота может быть НЕ фиксированной, например, там будут какие-то посты с картинками. И скажите тогда, КАК можно сделать так, чтобы колонки слева и справа совпадали по высоте (которая неизвестна) со средней колонкой?
Модератор
Yuri
(@yube)
В 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.