Вертикальный аккордион можно посмотреть здесь, если кто не знает, что такое «аккордион». Сверстать резиновый вертикальный аккордион проще простого, он нас не интересует.

А вот горизонтальный аккордион.
Так вот, как сверстать такой аккордион, с учетом:
— верстка должна быть блочной, т.е. без таблиц (таблицей сверстать вообще легкотня);
— нельзя задавать фиксированную ширину: блок должен тянуться и занимать всю доступную ему ширину (даже когда я уменьшаю/увеличиваю размеры окна броузера) — вообщем, резиновым должен быть;
— активный (ну, тот, который развернут) или первый пункт должен работать (быть развернутым) даже с отключенным яваскриптом (естественно, все остальные, неактивные пункты, работать не должны при нажатии, это нормально. Главное, чтобы активный или первый пункт был развернут).

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

Склоняюсь к использованию таблиц в этом случае, может кто-то переубедит?

Это сообщение отредактировал(а) artuska - 15.1.2010, 23:57

дык, берём див с шириной в %, назначаем ему overflow: hidden, внутрь запихиваем все блоки с шириной под 100% и скрываем их display: none, за исключением первого
вот собственно и все три твоих пункта. остаётся javascript'ом заставить эти блоки появляться и исчезать, для чего overflow и был задан