Итак, у меня возникла проблема с веб-сайтом, который я разрабатываю для своей тети. Обратите внимание, я давно не работал над веб-сайтом с нуля (сейчас я в основном работаю с темами Wordpress). Итак, последние пару дней я заново изучаю CSS и HTML5. Тем не менее, я столкнулся с проблемами и вернулся к ТАБЛИЦАМ для макета (я знаю, я знаю, да поможет мне Бог).
Хотя я в конечном итоге перенесу этот макет на чистый CSS, был крайний срок с ее последней книгой, поэтому мне нужно было поторопиться с дизайном (отсюда и таблицы). Я также использовал Boilerplate в качестве отправной точки.
На данный момент все работает, за исключением одной ОЧЕНЬ раздражающей особенности в IE9.
Фиксированное меню я сделал перерывами в IE9. Вместо того, чтобы охватывать всю ширину страницы, как это происходит везде, теперь он начинается с края содержимого страницы.
Страница: www.evastachniak.com
Как ни странно, эта проблема не возникает в IE8 или IE7. Любые идеи относительно того, что я делаю неправильно.
Вот код фиксированного меню:
<div id="container" > OLD SCHOOL TABLED MENU </div>
И вот связанный с ним CSS:
#container {width:100%;
height:40px;
background:#8a282c;
position:fixed;
-webkit-box-shadow: 0px 5px 40px #000;
-moz-box-shadow: 0px 5px 40px #000;
box-shadow: 0px 5px 40px #000;
z-index:100;}
Я провел весь день в поисках ответа в Google, к небольшой удаче. Боюсь, эта проблема в настоящее время находится за пределами моего понимания. Любая помощь будет оценена по достоинству. Заранее спасибо.