ВХОД/РЕГИСТРАЦИЯБЛОГИЛЮДИ
интересное общение, дискуссии

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

    Денис Загорский Проще всего — таблица, где <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>
    Блок 1WБлок 2
    Строка
    WБлок 3
    Строка
    Строка
    Строка
    Денис Загорский На худой конец, можно использовать простенький код JS. Если надо, набросаю.
    Eugene Таблицы нельзя
    Про JS я тоже думал, да я его не знаю.
    Но есть теперь решение:
    Напрямую сделать это нельзя. Но поскольку ширина блоков у меня фиксированная, то я могу сделать изображение 1000x1 с точным расположением цветов, поставить его на фон родительского блока и поставить повторение по вертикали. Самый большой будет толкать родительский вниз и тем-самым увеличивать фон других.
    По сути, блоки, конечно, не одинаковой высоты, но визуально все окей)
    Денис Загорский Ух, это очень давний костыль, но я его никогда не любил, в нем куча недостатков. Но если для конкретно твоей задачи он подошел — замечательно. :)
    Денис Загорский А таблицы почему не подошли?
    Eugene Я спрашивал: "Таблицами можно сделать?". Мне сказали: "Никаких таблиц. Только блоки". Я и не стал уточнять почему нельзя использовать таблицы:)
    А в чем недостатки? Все-таки все величины блока у меня фиксированы
    Денис Загорский Это что, задание при приеме на работу?

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

    По дизайну нету никаких особых эффектов, так что, думаю, нормально подойдет)
    Денис Загорский Есть еще один способ. Но он использует таблицы. Разница в том, что тут таблица — лишь растягивающийся фон.
    Как вариант. :)
    Eugene Наверное проблема в том, что таблицы устарели для верстки.
    Денис Загорский Знаешь что я думаю по этому поводу? Если что-то превосходно работает во всех браузерах, начиная с IE5 (даже раньше) и будет работать еще очень-очень долго, то глупо полностью отказываться от этого просто потому, что это «не семантично» или «устарело». Везде все отображается правильно — замечательно, поисковики хавают — превосходно! Что еще для жизни нужно? :) Это все глупая трата времени. Есть лишь только одно реальное преимущество у DIV (и подобных) перед TABLE: некоторые браузеры показывают таблицу только после того, как вся она загрузилась, т.е. если запихнул весь сайт в нее, то он покажется не постепенно, а в финале. Поэтому, желательно не делать контент сайта зависимым от таблиц, но никто не мешает использовать их либо в мелких масштабах, либо генерируемую через JS, либо как заполнитель — без контента, а чисто элемент дизайна. В двух последних случаях она отобразится моментально.

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