Gastarbayteroff.NET

Если вы не бываете у Стюарта регулярно — вы возможно пропустили фантастические вещи.
После битв за чистые стили, работающие в IE6, да валидные, да без лишних оберток — эти украшалочки вызывают тихий экстаз.

NO hacks, NO conditional comments, NO tables and NO javascript
Tested and working in IE6, IE7, IE8, Firefox, Opera, Safari(PC) and Google Chrome

1. Многоуровневое выпадающее меню, UL
2. Одноуровневое выпадающее меню (раскрывается при наведении, либо по клику) UL
3. Вертикальный боковой слайдер (в JS-библиотеках такое называется Accordion) — ни строчки скриптов DL-DT-DD
4. Боковое меню с раскрытием пунктов над контентом, DL-DT-DD

Сегодня, верстая один макет, я, кажется, изобрел очередной небезынтересный способ вертикального выравнивания блока относительно родительского. Он не основан на превращении блоков в ячейки таблицы и не использует css-свойство position.

Требования

— Должна быть известна начальная высота родительского блока;
— Дочерний блок может иметь произвольный размер как по высоте, так и по ширине.

Возможности

— Работает в IE6+, O9+, FF2+, webkit;
— Тру vertical-align выравнивание со всеми допустимыми значениями;
— Одинаковое поведение во всех браузерах (незначительные отклонение при некоторых условиях в ие6 будут оговорены ниже);
— При вырастании дочернего блока выше «папочки», родительский блок расширяется;
— Ни грамма Javascript.