Кирилл Туровников: Я знал, просто ошибся в написании про position: relative;. Да действительно. Задал .container там где ширина 940px position: relative; а position:absolute; убрал везде. И слой .container стал выше всех (только почему?) Только вот как понять задать поля margin-top: -30px; или просто top: -30px; и так и так работает. Но для меня удивительно почему работают координаты top если я не указал не relative не absolute? Или координаты могут работать и с static который указан по умолчанию?
Кирилл Туровников: Эти стили что бы задать z-index а что бы его задать нужно прописать например position: relative; а если прописать position: relative; то блок выпадет с потока и его нужно выровнять по центру с помощью left: 50%; margin-left: -470px; так же?
Спасибо, помогло.) Только я задал background: #fff; конкретно .wrapper-main .container . Вот только осталась одна проблемка. В футере только белый фон не видно контента.
Если я уберу в .wrapper-footer .container {
position: absolute;
}
то станет видно, но position: absolute; там необходим. Пытался уже по разному делать, то контента не видит то не на весь размер экрана а вписывается только в 940px.
Вот такая картина screenshot.ru/7aa61f7a7a434898c315da09cfd5d237 и вот такая картина если убрать полностью, screenshot.ru/668ef7458a4b589f2130d90958954581
.wrapper-footer .container {
left: 50%;
margin-left: -470px;
position: absolute;
z-index: 2;
}
т.е тогда для футера может и не надо position: absolute; z-index: 2; ? Так как и без него все так как нужно.
По первому вопросу разобрался. А по поводу второго, "поэтому там является и первым, и последним потомком." это ясно. Но как теперь поступить что бы выбрать первый или последний элемент?
Виталий Инчин: "не круто задавать текстовым элементам размеры с помощью width/height), а в том, что вы пытаетесь усложнить себе жизнь. " Я Задал ссылке display: inline-block; и потом задал высоту и ширину. Так не делают? Как было бы правильней?
На скрине screenshot.ru/6cb9914f5d1f0424954a57847d1bcf9d шрифт 24px line-height 16px что в переводе в em ровняется 1.500em и 1.000em. Ставил и в px и в em. Результат не как в макете. line-height: 33px; но как я понимаю это взято на глаз? Почему когда ставлю размеры как в макете то не работает?