ИТ - Сила CSS, или Новые технологии в интернете | Страница 2

Проще всего — таблица, где <td> будет играть роль блока. Если по каким-то соображениям таблицы не подходят, можно использовать 3 <div> заключенных в один общий. А затем:

Код:

.общийDiv{position:любой}
.общийDiv DIV{height:100%}

Кажется, должно сработать.

Eugene

Не работает. Хотя, может я просто туплю

Денис Загорский

Так выкладывай код в теге [c o d e] [/code]

Будем разбор полетов делать)

Eugene

Нечего выкладывать. У меня нет кода от которого идти. Мне сказали сделать 3 блока с одинаковой высотой с выравниванием по самому большому (по высоте)

Денис Загорский

Ну, таблица просто обязана сработать...

Код:

<style>#t1 TD{background:red;vertical-align:top}</style>
 
<table id=t1><tr><td>Блок 1<td>Блок 2<td>Блок 3</table>

Блок 1

W

Блок 2
Строка

W

Блок 3
Строка
Строка
Строка

Денис Загорский

На худой конец, можно использовать простенький код JS. Если надо, набросаю.

Eugene

Таблицы нельзя
Про JS я тоже думал, да я его не знаю.
Но есть теперь решение:
Напрямую сделать это нельзя. Но поскольку ширина блоков у меня фиксированная, то я могу сделать изображение 1000x1 с точным расположением цветов, поставить его на фон родительского блока и поставить повторение по вертикали. Самый большой будет толкать родительский вниз и тем-самым увеличивать фон других.
По сути, блоки, конечно, не одинаковой высоты, но визуально все окей)

Денис Загорский

Ух, это очень давний костыль, но я его никогда не любил, в нем куча недостатков. Но если для конкретно твоей задачи он подошел — замечательно.

Денис Загорский

А таблицы почему не подошли?

Eugene

Я спрашивал: "Таблицами можно сделать?". Мне сказали: "Никаких таблиц. Только блоки". Я и не стал уточнять почему нельзя использовать таблицы

А в чем недостатки? Все-таки все величины блока у меня фиксированы

Денис Загорский

Это что, задание при приеме на работу?

Недостатки в том, что у тебя связаны руки в оформлении: можешь максимум что сделать — задать фон с горизонтальным градиентом. Иными словами, о скругленных уголках, тенях и многих hover-эффектах можно смело забыть. Если красота не особо нужна, а трафика посетителя и увеличенного времени отклика не жаль — можно использовать.

Eugene

Это что, задание при приеме на работу?

От части да. Но прежде всего это практика. Дают макет, а я делаю.

По дизайну нету никаких особых эффектов, так что, думаю, нормально подойдет)

Денис Загорский

Есть еще один способ. Но он использует таблицы. Разница в том, что тут таблица — лишь растягивающийся фон.
Как вариант.

Eugene

Наверное проблема в том, что таблицы устарели для верстки.

Денис Загорский

Знаешь что я думаю по этому поводу? Если что-то превосходно работает во всех браузерах, начиная с IE5 (даже раньше) и будет работать еще очень-очень долго, то глупо полностью отказываться от этого просто потому, что это «не семантично» или «устарело». Везде все отображается правильно — замечательно, поисковики хавают — превосходно! Что еще для жизни нужно?

Это все глупая трата времени. Есть лишь только одно реальное преимущество у DIV (и подобных) перед TABLE: некоторые браузеры показывают таблицу только после того, как вся она загрузилась, т.е. если запихнул весь сайт в нее, то он покажется не постепенно, а в финале. Поэтому, желательно не делать контент сайта зависимым от таблиц, но никто не мешает использовать их либо в мелких масштабах, либо генерируемую через JS, либо как заполнитель — без контента, а чисто элемент дизайна. В двух последних случаях она отобразится моментально.

Короче, с умом нужно подходить, а не «они устарели, все, ребятки, не дружим с ними».

ИТ Сила CSS, или Новые технологии в интернете