Z1gnet

что то мне кажется что это не проблемы верстки, это проблемы программирования.

position: relative; задает позиционирование относительно своего изначального положения. визуально блок смещается, но в потоке блок остается на том же месте где был до смещения. то есть мы видим что блок сместился, а остальные блоки про это не знаю, как будет ничего не произошло. в итоге этот способ вам не подходит. вам нужно вместо position: relative; и top: -20px; задать margin:-20px 0 0; подробнее про позиционирования можете почитать тут http://htmlbook.ru/samlayout/blochnaya-verstka/pozitsionirovanie-elementov

ну как не помогает? а вы position:relative; задавали на элемент которому даете зет-индекс? он сам по себе не работает. он работает для элементов с любым позиционированием кроме static (по дефолту). короче, на .b_send просто задайте position: relative; и будет вам счастье

все он правильно написал, вы просто не внимательно читали. вот решение которое описал SelenlT http://codepen.io/Z1gnet/pen/nEImk

вот пусть друг который "посоветовал" и сделает, раз такой умный.... никогда не любил когда какой то вася что то насоветовал. если по сути то скажу следующее: для такого пустяка прикручивать кастомный скролл это нелогично. возможный тормоза, плюс может быть такое что при загрузке страницы будет обычный скролл (скрипт еще не успел прогрузиться) , а через секунду опа, и кастомный. тоже не вариант. я думаю что мак их волнует меньше всего, так что на мой взгляд самый оптимальный вариант это сделать что бы скролл был всегда. нужно задать на body{overflow-y:scroll;}

все же zoom:1 невалидная запись. для ие7 можно, к примеру, задать ширину 100%.

вы по определению сделали не правильно. вы попытались подогнать отступы что бы получился эффект того что навигация растянута на 1470рх. но если добавить хотя бы одну букву к любому пункту меня то все сразу валится. к тому же я так понимаю что это резиновый сайт (глупо делать сайт шириной 1470рх) , а значит навигация должна сужаться. тут нас спасут табличные свойства. вот так http://codepen.io/Z1gnet/pen/EIrgb

минус способа в том что если высота ссылки изменится, то она будет уже не по центру

как вы хотите картинки разного формате сделать одинаковыми??? вам подсказали как сделать что бы картинки не были шире родителя. http://prntscr.com/2kin21 вот как эти 2 картинки разной ориентации сделать одного размера? это невозможно только если не обрезать их под нужный формат или не растянуть, но при этом нарушатся пропорции и будет бред. http://prntscr.com/2kio6d размер одинаковый но выглядит убого. я бы вам предложил бы просто отцентрировать их по вертикали и горизонтали. вот так. http://prntscr.com/2kiq7a P.S. в идеале я бы сделал для картинок контейнера одинакового размера, что бы визуально был эффект того что все блоки одинаковые, а внутри них были бы уже картинки разного размера.

через табличные свойства http://codepen.io/Z1gnet/pen/etdyC

не совсем понял вопроса. вы хотите что бы пункты меню растянулись на все всю ширину? или наоборот, что бы ul не растягивался на всю ширину? я так понял что скорее всего второй вариант. ван надо добавить для ul свойство display: inline-block; что бы список не растягивался на всю доступную ширину, а тянулся только на ширину контента. ну и желательно добавить свойство vertical-align:top; что бы избежать проблем с нижним отступом http://codepen.io/Z1gnet/pen/BzFun

Вам нужно использовать не опасити, а задавать фон с прозрачнастью. к примеру background: rgba(255,255,255,0.5); то есть белый фон прозрачный на 50%. работает везде начиная с ие9. если нужны более ранние версии ие то можно либо задать для него фон без прозрачности (если вас это устроит) либо с помощью фоновой полупрозрачной картинки. будет это выглядеть так background:#fff; /* задаем белый фон без прозрачности для тех кто не понимает rgba */background: rgba(255,255,255,0.5); /* задаем прозрачный фон для остальных браузеров */ подробнее почитайте здесь http://htmlbook.ru/css3-na-primerakh/poluprozrachnyi-fon

http://htmlbook.ru/blog/treugolniki-cherez-css читайте про то как делать треугольники. вам придется сделать 2 треугольника (один для бордера), один повесить на after, второй на before.

не совсем понял зачем вы сделали так как сделали. но дергается потому что при ховере на А вы добавляете левый и правый паддинг. что бы не дергалось, в вашем случае, на ховер у А надо отнять марджин на количество паддинга. тоесть если у вас 5рх паддинг на ховер, то нужно сделать марджин 2рх. но я бы это меню сделал по другому. вот так сделать я считаю будет более правильно http://codepen.io/anon/pen/rhDuL

да, сделано с помощью js

ну а джейквери библиотеку подключить? http://prntscr.com/2d6vr8

а можно ссылочку на сайт?

ну я полагаю что все тоже только вместо li поставить a. ul:hover a{ opacity: 0.6;}ul a:hover{ opacity: 1;}но тут нюанс, если вы наведете не на саму ссылку, а на список то прозрачность применится для всех ссылок, а при ховере на ссылку у нее уберется прозрачность http://codepen.io/anon/pen/xhvJF

у меня все норм отображается

задайте #content{overflow: hidden;}

и у меня в фф все норм

ох вы и накрутили. надо переделать. вот такая структура в самый раз подойдет http://codepen.io/anon/pen/dpqCn

для ие7 через таблицы можно expression заюзать

я работал в конторе в которой по дефолту шла опция пиксель перфект. тестеры придерались ужас как. и диз на верстку накладывали, и браузер на браузер... но при все при этом были своеобразные правила решения спорных вопросов. к примеру, то что у вас на первом скрине - там все отлично, просто дизайнер немного промахнулся. мы это называли - "привел к общему виду" . тоесть если есть однотипные блоки, то выравниваешь первые 2 (или первый и последний, по ситуации) и все, у вас получается ровнее чем в дизайне. по поводу шрифтов. вы никогда не подгоните идеально ширину текста, даже если в одно браузере сойдется - то в другом нет. вам нужно выставить font-size и line-height правильный, это прежде всего. конечно если по задумке увеличен отступ между буквами или словами - то нужно его тоже сделать. а со шрифтом такая фигня получается потому что дизайнеры любят ставить всякие эффекты на текст, типа sharp, что в версте повторить не получится. Заключение: во всем должен быть здравый смысл, выравнивать каждую строчку и гамнокодить это очень плохо. так что не партесь, вы все сделали хорошо

я может конечно не в тему, но все же тут есть небольшой, но очень не приятный баг http://prntscr.com/2ah3rt думаю стоит пофиксить