antonKar

Просто что сетка может быть и сложнее, тебе может стоять надобность в элементе сетки который будет занимать две ячейки, а в то время как остальные останутся такие же

ИМХО проблемы надо решать по мере их поступления.

А вообще если ТС задаст просто margin: 20px, то у него будет решена и проблема с его отсупами, и с прилипанием элементов к краям, не понимаю из-за чего вообще сыр-бор.

для каких-то плашек текста есть span, синтаксически чистый элемент! А b это элемент с предустановленным стилем, а strong ещё и синтаксический смысл имеет, тем и отличается от b

Кек, а плашка текста разве не говорит нам "Хехей, обрати на меня внимание, чувак, я очень важная инфа", как бы явно намекая на strong?

в крайности бросаться не нужно

Это вы в крайность бросаетесь с отсутствием padding завтра, а я говорю о реальных вещах с зоопарком браузеров, в частности мобильных.

тыц

она не на одном уровне с другой такой же синей надпесью

Всё там на одном уровне.

Смотреть особо и нечего.

1) Картинка логотипа с белыми полями, надо вручную отступы настраивать.

2) Логотип — это всё-таки не навигация.

3) Для заголовков надо text-transform юзать, ПОТОМУ ЧТО КАПСОМ ПИШУТ ТОЛЬКО ДЕВОЧКИ-ИСТЕРИЧКИ И ВООБЩЕ В ИНТЕРНЕТЕ НАДО СЕБЯ ВЕСТИ СПОКОЙНО.

4) Текст на фиолетовом фоне при липнет к краям при сжатии.

Но если ты 100% уверен, что у тебя будет именно такая сетка, и всегда одинаковые элементы в ней, то это вполне рабочий вариант

В чём проблема поправить 1 строку в css, если захочется поменять сетку?

А вообще ТС бы воздуха по бокам добавить, всё липнет к краям на маленьком монике. 

http://codepen.io/anon/pen/JdVgZg

А вообще у вас структура изначально неправильная, делайте блоками, а не колонками. И теги закрывать надо.

можете привести пример когда к нему вдруг понадобилось применить данное свойство

Какая-нибудь плашка текста с рамками вверху-внизу и внутренними отступами, и завычурно оформленная.

Более идиотского куска кода в css, чем это: * { margin: 0; padding: 0; }  найти крайне сложно

поясните пожлста эту мысль

Проблема только в том, что на практике из этого реально понадобится 10% в лучшем случае. Смысл подключать все подряд? А потом еще мучиться от того, что оно где-то начнет тебе дорогу переходить

Пусть будет. Вот честно, кушать не просит - и ладно, зато у меня 0 проблем. За последний год разве что 1 раз мне помешал content-box у input[type=search], но сие не проблема, больше у меня в будущем такая штука не возникнет. Ибо настраиваемо под себя.

Ты сбрасываешь padding у элемента, которого этого паддинга нет по умолчанию никогда

Вы прям вот ручаетесь за все-все-все популярные браузеры на винде, маке, андроиде и iOS? В том числе за все будущие браузеры, которые будут выходить? Я нет, поэтому лишняя перестраховка никогда не бывает лишней. 

Я лишь сказал что можно обойтись своими стилями под каждый конкретный проект

Отнюдь, не только это.

К примеру зачем оно элементам strong

Скорее b; для стронга я с ходу могу вспомнить с несколько проектов, где для него можно было бы это применить box-sizing (но не нужно).

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

Интересно, не знал, что главным критерием мастера является неиспользование нормалайза.

В общем я придумал: отказываюсь от своего симбиоза reset и normalize, больше их не использую, отдельно выделяю этот момент жирным текстом в резюме и отправляю резюме, например, в Яндекс на должность тим-лида. Уверен, что пройду без собеседования. 

любезно предоставлено браузером

ага, особенно на iOS кнопки и подстветка у инпутов

на фоне в background стояли эти картинки. можно ли это сделать как то

http://htmlbook.ru/css/background

Когда телепаты из отпуска вернутся уже?

http://htmlbook.ru/css/position

У Яндекса сделано на canvas в Яндекс.Панорамах.

Ещё есть платная штука (но при желании можно нагуглить "бесплатный" вариант) на WebGL http://krpano.com/examples/normal/#top

 как можно подгружать заранее картинки?

Можно делать небольшие спрайтики

Даже не знаю в чем дело

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

1. ID в форме использую для javascript, по другому насколько я знаю не получится

Привет из 2005-го?

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

У вас 404-ая по прямому пути к файлам шрифта, возможно браузер на этом спотыкается.

Иконки скорее всего просто перекэширывались в тот момент

Это ненормально. Я сейчас зашёл с другого браузера и опять моргание. Я очищу кеш и опять будет моргание. Это баг, который надо исправлять, а не делать отмазки.

1) Зачем вам 2 блока с одинаковым идентификатором "search_icon"? Вы читали про идентификаторы http://htmlbook.ru/samcss/identifikatory? Бросайте их использовать, есть нормальные классы, которые можно использовать сколько угодно раз на странице. Идентификаторы нужны, навскидку, разве что для связки input с label.

2) "Почему то не работает @font-face, когда пытаюсь подключить шрифт в нескольких форматах" Это вы сейчас так пошутили? http://li.tl/i/e/OglNl.png

3) В подписке на почту нет проверки ввода;

4) "Загрузить ещё 10 статей" не работает;

5) В подвале у иконок и лого при ховере заметна пауза для подгрузки ховерной картинки. Навёл мышку, иконка пропала, через некоторое время появилась ховерная.

.Employees-Box-Block-Img { margin: 10px; position: relative; }  

.Employees-Box-Block-Img>img { width: 100%; position: absolute;  }  

А вот и ответ.

Не понял вопроса, правильно же рассчитывает? В чём проблема тогда?

P.S.: вы уверены, что вы выбираете правильную ветку форума для вопроса?

Надо тогда писать в начале CSS @charset

Браузеры вроде и так принимают кодировку для css-файла ту, что используется для отображения страницы.

где же мне тестить верстку под "всеми уважаемый" internet explorer

Самый лучший и 100% точный вариант — это виртуальная машина с виндой и IE. Ибо даже в IETester на винде отсутствуют некоторые баги IE.

Это спасение от ИЕ или плюс один геморрой?

Поживём - увидим

тыц

код который будет брать значение высоты из верхнего фиксированного меню

тыц

куда в код вставить заветные пиксели

Открываем код в редакторе, жмём Ctrl+F, ищем "linkOffset", как было написано ранее; найдя, пишем "- X", где X - число пикселей.