Итак, у меня проблема с сайтом, который я создаю для моей тети.Пожалуйста, обратите внимание, я давно не работал над сайтом с нуля (в настоящее время я в основном работаю с темами 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, но мне не повезло.Боюсь, что эта проблема в настоящее время выходит за рамки моего понимания.Любая помощь будет оценена.Заранее спасибо.