Сделать простое, горизонтальное и резиновое css меню проще простого. Есть несколько способов:
1. Можно использовать таблицу и процентное отношение каждой ячейки, но способ неудобный, по тому что во-первых таблицы не есть гуд, во-вторых если у нас изменятся количество пунктов меню или размер строки, то прийдется переделывать на глаз все процентные размеры каждой ячейки.
2. Использовать списки ul, li. Причем каждому элементу задавать css свойство float:left. Способ довольно неплохой и распространенный. Например в движке Wordpress, меню формируется именно в таком виде и мы очень легко можем придавать ему любой стиль и вид.
3. Использовать выравнивание текста justify. Если объяснять коротко, то после применения выравнивания justify все строки текста, кроме последней растягиваются на всю возможную ширину блока, по этому, для получения нужного эффекта нам нужно растянуть только одну строку. Мы добавляем длинный строковый inline элемент, который не помещается в первой строке и, следовательно, переносится на вторую, заставляя тем самым первую (наше меню) растянутся по всей ширине. В качестве такого элемента можно использовать пустой рисунок (Обычной называют blank.gif имеющий размер 1×1 пиксель) или любой строковый элемент с большим значением отступа.
Если я вас запутал, то сразу под катом кусок кода и ссылка на пример.
(далее…)
