CSS

Пытался нарисовать страничку на HTML без использование тега table. Ага. С мягким знаком, как говорится.

Невозможно некоторые вещи сделать в CSS без использования таблиц.

Кто не верит -- рекомендую попробовать отцентровать по высоте div переменного размера с тремя строчками текста внутри div'a фиксированного размера. И чтобы это работало во всех браузерах. И без использования джаваскрипта, чистым html/css. На таблицах это делается за две минуты. На CSS -- oт чистого сердца желаю удачи.
> line-height пробовал?

Пробовал, но тогда три строчки текста растягиваются по вертикали. А мне надо кучкой, в центре.

Другое у него тоже не работает -- так как надо, чтобы внутренний div был фиксированного размера (а как ты его сделаешь фиксированным, если там текст?)

> кроме того, css-ом можно заставить div признать себя table-oм: display: table-cell

Можно, но это красиво, с выдумкой глючит в IE: два div'a с этими атрибутами высвечиваются один СВЕРХУ другого, а не рядом. В Фоксе всё нормально.
Прости, я тут чего-то не понял:



Bla bla

Bla bla




А где центровка-то?

Edited at 2013-04-15 09:48 pm (UTC)
А вот не работает. В этом окошечке показывается правильно, а сохранить в html и открыть браузером -- получается дурево :(

Вот код, с которым мучаюсь:

<html>
<head>
<title>
Test
</title>
</head>
<body style='background-color: darkgrey;'>
<div style='background: black; height: 200px; line-height: 200px; text-align: center;'>
<div style='color: yellow; border: 1px solid white; font-size: 16pt; display: inline-block; line-height: 100%;'>Test<br>Test<br>Test
</div>
</div>
</body>
</html>
Лучше, но всё равно не то :( Две строчки ещё б-м выравнивает. Три -- уже криво, а четыре -- уже совсем не то.

Переделаю с таблицами, блин. Видимо, не уйти от них.
O!!! Спасибо огромное, работает как надо!

Блин, согласись, что на таблицах проще!! :)))