"Резиновое" меню

[dimacat]

Подскажите, как сделать, чтобы меню, представленное на картинке ниже, было "резиновым" и не переносилось на новую строку при маленьких разрешениях ? Ессно, надо делать списком, но вот как сделать, чтобы оно не новую строку не переносилось - хз. Буду рад любому совету.

[psywalker]

Таблица не катит?

Если нет, то рули в сторону white-space: nowrap;

[dimacat]

Таблица не катит?

Если нет, то рули в сторону white-space: nowrap;

Нет, таблица не катит, т.к. верстаю дивами. Второй способ, согласен, не переносит на другую строку, однако, обрубает надписи, которые в ином случае перенеслись на другую строку.

[Searcher]

При минимальном размере, естественно, будет обрезаться. А чтобы равномерно расширялось - загляните в эту тему: http://forum.htmlbook.ru/index.php?showtopic=10823

[Great Rash]

Второй способ, согласен, не переносит на другую строку, однако, обрубает надписи, которые в ином случае перенеслись на другую строку.

Для <li> display: inline-block; вместо float. Родителю white-space: nowrap; тогда в <li> все будет переноситься. Можно для верности <li> указать white-space: normal;.

UPD: Но лучше задать минимальную ширину.

[klierik]

Нет, таблица не катит, т.к. верстаю дивами.

это не аргумент что бы не верстать таблицей

[Mr Loga]

ul {min-width: 990px; width: 100%; display: inline-block;}
ul li {width: 150px; }
ul li a {white-space: nowrap; text-align: center;}

такой расклад должен сработать, если я ошибаюсь, поправьте.

Цифры, если что сам подбери

Edited November 26, 2010 by Mr Loga