Плавающая навигация в IE 7 и ниже?

Question

Я работаю над сайтом для моего отца и, похоже, не могу исправить то, что мне осталось сделать.

Веб-сайт http://www.tendonaid.com

Проблема в том, что в IE7 и ниже навигация плавает влево, и это выглядит ужасно. К сожалению, его целевая аудитория - пожилые джентльмены (продукт снимает боль в сухожилиях), которые могут быть незнакомы с технологиями и поэтому редко, если вообще, обновляют свои браузеры. У них также очень вероятно есть Internet Explorer.

Помощь

Я ненавижу Internet Explorer.

Answer 1

Попробуйте порадовать своего отца условным CSS, который может загружать стили в зависимости от версии, т. Е. Вы используете следующее.

<!--[if IE 7]>
  <link rel="stylesheet" type="text/css" href="ie-7.0.css" />
<![endif]-->

Приведенный выше пример будет загружать файл ie-7.0.css, только если пользователь использует ie7. Если вы воспользуетесь «условным css для ie», вы найдете много других примеров.

Удачи, и я надеюсь, что вашему папе понравился финальный сайт:)

Answer 2

Предполагая, что вы ссылаетесь на ссылки, переходящие на следующую строку, вы видите разрыв строки из-за ширины вашего .lavalamp класса.Увеличьте ширину этого элемента, и все они останутся на одной строке.