Q4Dizzy

Интересный приём Запишу в заметки, спасибо.

IE читает Eot, насколько я помню. Прогоните ваш шрифт через фонт генератор, он создаст 4-5 файлов шрифта. И на будущее - Названия шрифтов с пробелами берутся в кавычки. И подключение этих шрифтов выглядит примерно так: @font-face { font-family: 'icomoon'; src:url('fonts/icomoon/icomoon.eot'); src:url('fonts/icomoon/icomoon.eot?#iefix') format('embedded-opentype'), url('fonts/icomoon/icomoon.woff') format('woff'), url('fonts/icomoon/icomoon.ttf') format('truetype'), url('fonts/icomoon/icomoon.svg#icomoon') format('svg'); font-weight: normal; font-style: normal;}P.S. Название и путь естественно ваши.

Скорее всего тут только js.

http://jsfiddle.net/f4kbA/1/ Ну вот такой путь вижу.

Можешь попробовать написать мини скриптик для позиционирований элементов в ие 7. людей, которые им пользуются - очень мало, а сайт это грузить не будет, так как скрипт будет запускатся только у ие 7.

http://jsfiddle.net/f4kbA/ не знаю, всё ли взял в учёт.

Так как у тебя написан test.js - не заработает.

Футеру укажите фиксед вместо абсолют. или нужно, чтобы он был виден только внизу страницы? (при полном скроллинге до низа)

Добавьте футеру правило: clear: both;Если именно сама причина, то просто не выключено обтекание/отсутствует очистка.

Слайдер - список. Перечисление пунктов - список. Портфолио - список. Тут число логика. а с тенями.. с ними всегда много шума. И порой не всегда возможно реализовать полное (100%) соответствие макету. Там уже смотреть по обстоятельствам. А что советовать - верстай, верстай, верстай.. Проходи валидацию, в инструментах разработчика (F12 чаще всего) добавляй текст, меняй блоки по ширине и высоте, смотри, не сыпется ли вёртска. на разных браузерах проверяй, везде ли смотрится одинаково ну и т.д.

Попробуй такой способ. .menu li:hover { border-bottom: 4px solid #84C557; border-top: 4px solid #84C557; position: relative; top: -4px;}/*добавить эти правила LI*/.menu li { position: relative; top: -4px;}Ну значения подберёшь.. Главное смысл.

У тегов заголовка атрибут name ? Как и в прошлом примере - используй валидацию. Часто путаешь места, где использовать div, а где li. На этом макете большая часть идёт списками. Ну и желательно всегда иметь какие-то hover эффекты на социальных сетях, кнопках и т.д.

Логотип должен быть в блоке, который находится в header. Позиционирование лучше использовать только там, где без него никак, и стараться использовать их реже. Применять стили с header не рекомендуется из-за кроссбраузерности, лучше добавить ему какой либо класс или ид, и вешать стили уже на него. навигация по логике должна быть в header. У img отсутствует атрибут alt. У некоторых ссылок отсутствует атрибут title. в навигации элементы li должны находится только в тегах списка ul или ol. Некоторые блоки не закрыты. Обязательно проверяй свою вёрстку валидацией. Это пока на первый взгляд.

У тебя вставлены в самом скрипте HTML теги. Потому сам скрипт написан неверно. Напиши мне в скайп, помогу.

Если у тебя HTML5, то эта строка у тебя лишняя, если HTML4 - то объедини эти строки. Проверь, правильно ли у тебя указан путь к скрипту. Да и должно писать ошибку в консоли браузера, когда что-либо неправильно.

Оу. ну с этой частью несколько сложнее. там или отладкой ловить или искать по селекторам.

Зависит от того, где тебе нужна прокрутка..

Тут легко поможет jquery. Или ты пытаешься всё сделать только путями CSS?

Ну тут ничего не скажу. Родного ИЕ 8 нет, потому могу судить только по эмулятору.

С z-index баг у IE-7. Там нужен обратный порядок, относительно родительских блоков. Смотрю через родной эмултятор IE - там проблем нет.

Где такие задачки то берёшь? Если есть наподобии книги с задачами, поделись

Не совсем понимаю, для чего она там нужна. Вообще задаётся через overflow-x. В твоём случае тебе нужно прописать стили для @media

А ты посмотри, как меняются значения у блоков. когда они достигают мобильных или планшетных разрешений - значения меняются у большинства блоков, ведь сайт перестраивается под мобильный вид. Почитай всё таки про адаптивность.(Responsive)

так? http://jsfiddle.net/Ahri/x53bQ/

Просто убери правило min-width: 300px;