2010-09-26 2 views
0

У меня проблема, и я понятия не имею, как ее решить. У меня есть веб-сайт с заголовком, левым меню, контентом и нижним колонтитулом. Я использовал float как схему позиционирования.Задача компоновки CSS в левом меню

Моя проблема: я хочу, чтобы меню слева настраивалось с размером текста гиперссылок. Как правило, не было никаких проблем с этим благодаря float, но для решения одной проблемы в IE мне приходилось устанавливать точный размер содержимого, и мне также нужно было фиксировать максимальную ширину страницы, определенную в пикселях.

Таким образом, при увеличении размера текста элемента меню он переполняет ширину меню, и текст разделяется на две строки вместо одной. Но я не хочу, чтобы это произошло, я хочу, чтобы ширина меню расширялась с размером текста.

Да, текстовые размеры относительных единиц решат мою проблему, но поскольку мне нужно установить максимальную ширину страницы в пикселях, и мне нужно иметь фиксированную ширину содержимого из-за проблемы IE, я не знаю, как это сделать. Благодарю.

Существует the link. Но его старая версия без фиксированной ширины содержимого.

+2

Ссылка на ваш html/css была бы полезна. В общем случае, если у вас максимальная ширина и вы не хотите, чтобы ваш текст обернулся, если размер текста увеличился, в какой-то момент страница сломается, и это вопрос того, когда, а не если. –

+0

Спасибо. Да, я знаю, но я хочу компенсировать только размер шрифта, который обычно используется в браузерах, скажем, максимально удваивать размер и оставлять manu в качестве приоритета для сокращения содержимого. –

ответ

0

Добавьте к таблице стилей:

#left_menu ul li a 
{ 
    font-size:48pt; 
} 

Когда я изменить размер шрифта в #left_menu ul li a, левое меню автоматически растягивается или сжимается в зависимости от размера шрифта, что делает ДИВ содержание меньше или больше автоматически. Помогает ли это решить вашу проблему?

Смежные вопросы