Q4Dizzy

Пример покажите.. Задумка не особо понятна.

<script> if(window.location.hash != '') { var url = window.location.href.replace(/(.+)#.+$/g,'$1'); window.location = url; } </script>

Всё равно напишите, в чём состояло её решение, мало ли, у кого похожая беда будет.

background-position: center top;

Именно.

Если ширина не задана у ul второго уровня и li-родителя, то считаем процентный вариант .nav_top_inner > ul > li ul { width: 100%; margin: 0 0 0 -50%;}но если пункт меню маленький, то и подменю будет маленьким...

.nav_top_inner > ul > li ul { width: 150px; margin-left: -75px; left: 50%; z-index: 10; box-sizing:border-box; }

Вы хотите, что бы ul второго уровня выравнивался по центру пункта первого уровня?

Что значит уехало?? Шапка фиксированная, значит она не в потоке - а значит над остальными блоками и её высота не учитывается. Исчезло потому, что после включения обтекания уменьшилась высота .top-nav Далее - в .nav-top нет отступа, потому она спрятана под шапкой.. .nav_top { margin-top: 112px;}Добавьте отступ...

Можно и так.. не знаю, подойдёт такой вариант.. http://jsfiddle.net/ekqj3vht/6/

А версия ие минимальная какая?

использовать либо спрайты либо шрифтовые иконки.

Напишите хостеру. Раньше напишите, раньше ответ получите.

http://jsfiddle.net/tk7t4e49/

Не заметил скачков в основных браузерах. P.S. Win7 (64)

А через что смотрите? с разных браузеров смотрю, не видно скачков..

<div class="conatainer">Название поправьте.

Если только сворачивался без раскрывания - то тем же способом, только меняем display: block на display: none; Если кликом раскрыть/закрыть - то скриптом.

Если по клику: Читаем тут Пример Если всегда-всегда открыт, то стираем .menu_body { display: none;}

Что-то не совсем понятно, что вы хотите сделать.. В песочницу выложите или скринами..

А у блоков этих задана ширина и высота? или она динамическая ? http://jsfiddle.net/oh9d419h/2/ Так ? Можно и через after: или before: сделать по желанию.

#menu li ul li { width: 130px; border-right: 1px solid #696969; border-left: 1px solid #696969; padding: 3px 3px 3px 3px;}130 ширина + 2 пикселя от границ + 6 пикселей от внутренних отступов. выходит 138 пикселей каждый li.. Соответственно 138 пикселей выходит ul. делаем сдвиг влево на 50% и добавляем отрицательный внешний левый отступ на половину ширины ul.

#menu li ul { left: 50%; margin: 0 0 0 -69px;}Зачем скрипт? эти списки имеют точную ширину, так как у дочерних элементов жёстко задана ширина.

Стили полностью переписывать все надо.. сплошные обтекания + позиционирования (при чём одновременно), что лишает вёрстку всякой логики.. Заполните html недостающими элементами, как они должны быть.. (ul, li, a)

div {background-color: #8e8f83;}так свойство указано для ВСЕХ дивов.. цвет между дивами с обтеканием стоит и у #header