Sensei

А я проморгал про фиксированную высоту header Если в firefox смотрите, там box-sizing нужно с префиксом писать, т.е. -moz-box-sizing: border-box;

Или так li:nth-child(index) {}, но лучше отдельными классами делать.

Тогда используйте JS, я другого варианта не вижу.

Помимо стилей нужно будет переделывать html-шаблон. В корне сайта должен быть «index.php», скорее всего, нужная разметка там.

Так сойдет? http://jsfiddle.net/2ydUW/

Так? http://jsfiddle.net/ZLY9H/

Да, уверен. Например @font-face { font-family: 'Gentium'; src: url('Gentium.eot'); src: local(Gentium Bold), /* full font name */ local(Gentium-Bold), /* Postscript name */ url('Gentium.eot') format('embedded-opentype'), url('Gentium.woff') format('woff'), url('Gentium.ttf') format('truetype'), url('Gentium.svg') format('svg'); font-weight: normal; font-style: normal;}Как видите, «local» прописан в самом начале свойства. Вероятность загрузки svg невелика. Потому как браузеры поддерживающие этот формат загрузят либо «woff» если это десктоп, либо «ttf» если это мобильные браузеры.

Не знаю, что скинул Александр, у меня его фиддл не грузится, но вот вам еще вариант http://jsfiddle.net/6uk5m/

Можно было бы сделать один PNG с прозрачной серединой. Возможно, он будет тяжелее 4 JPEG, зато запрос всего один. Да и реализовать легче, просто поверх псевдоэлемент с этим фоном.

Браузер загрузит только один шрифтовой файл. вот почитайте, там и про «local» написано.

Так правильно, вы же сами написали селектор для всех ссылок .b1 > a:hover, a:active { text-decoration:underline; color:#005D9A; background-color:red; }Напишите так .b1 > a:hover, .b1 > a:active { text-decoration:underline; color:#005D9A; background-color:red; }

Да, их не поддерживает ИЕ7, но его доля настолько мала, что пора о нем забыть. Вместо процентов для основного контейнера можно использовать «max-width» и «min-width»

$.ajax({ url: "some.html", dataType: 'html', cache: false, success: function(html) { $(".b-violet").after($(html).find('#catalog')); } });

$.ajax({ url: "some.html", dataType: 'html', cache: false, success: function(html) { $(".b-violet").after(html); } });

http://jsfiddle.net/DtCk6/2/ если я правильно понял, что нужно было.

Модификаторы — это просто дополнительные css-классы, которые переопределяют существующие свойства или добавляют новые. Например, http://jsfiddle.net/4GATE/ Вот вам и предлагают вешать на «#content» такой дополнительный класс там, где это необходимо.

http://julianlloyd.me/scrollreveal/

может так? http://jsfiddle.net/DtCk6/1/ или так http://jsfiddle.net/DtCk6/

как вариант http://jsfiddle.net/S4NuL/1/

http://jsfiddle.net/aL9wj/

можно как-нибудь так http://liveweave.com/egTlGt возможно, не совсем правильный пятиугольник вышел, подбирал на глаз)

Накидал для примера http://jsfiddle.net/Wqyfb/1/ Суть следующая: блоки, у которых должен быть фон, тянутся на всю ширину экрана, а контент оборачивается в элемент с классом layout, который имеет ширину вашего макета и отцентрирован.

http://jsfiddle.net/2AZ2M/

Создайте рабочий пример тут http://jsfiddle.net/ со всеми стилями и изображениями

Попробуйте вместо этого $('ul.slideshow li:first').css({opacity: 1.0}).addClass('show'); Вставить это var slideList = $('ul.slideshow li'), randomIndex = Math.floor(Math.random() * slideList.size()); slideList.eq(randomIndex).css({opacity: 1}).addClass('show');