Arthur

Можете не объяснять ваше право, но я как бы и написал чтобы разобраться. Куда например девать картинку с рукой с телефоном, да и зачем через флоут это делать и в чем собственно каша? Я не просто так заострил внимание, здесь вам не хватило знаний сделать правильно, на средней верстке просто все развалится. Картинка то чем мешает, она как раз правильно фоном стоит, я выше написал что сделать. Везде оверфлоу хидден и высота это тоже не хорошо, будете дальше верстать поймете о чем я Кошено проблема в малом моем опыте, но пока все стоит и мне подходит, а когда развалится и нужно будет переделывать, опыта прибавится

Можете не объяснять ваше право, но ваши слова не ясны. Куда например девать картинку с рукой с телефоном, да и зачем через флоут это делать и в чем собственно каша?

Паддинги по 500px ? Переделывайте этот ужас. Хотелось бы подробнее узнать в чем состоит ужас и о способе его решения. Флоты отменили уже ? Падинги там(тут: layer > header и в #content) так как у меня фон стоит и я не совсем понимаю, как мне в данной ситуации помог бы флоут и чем плох падинг в особенносит здесь: layer > header ?

Паддинги по 500px ? Переделывайте этот ужас. Хотелось бы подробнее узнать в чем состоит ужас и о способе его решения.

Так ?

Всем доброго времени суток! Буду благодарен за оценку сверстанной странички. Кроссбраузерность: Современные браузеры(+ Opera 12) и IE9+

все на дивах, что то вроде: <div class="header"> напр. есть элемент header

Всем доброго времени суток! Буду благодарен за оценку верски и конструктивную критику. Верстка Кроссбраузерность: Современные браузеры и IE9+ P/S. На движках webkit при выделении текста, выделяется текст и пространство по сторонам, аж до краев. Что не так с webkit?

Да тоже читаю этот ресурс, но как то в этот раз не подумал о нем. Спасибо, полезная статья, хотя и дата публикации еще старее чем на htmlbook, но много полезного. В принципе разобрался. Вопрос можно считать закрытым.

Вот такая запись: @font-face { font-family: Bira; src: url('Bira.woff'); }Работает во всех современных браузерах и в IE9+, то есть как мне и нужно было. Почему так, буду разбираться ещё. Может кто-то знает, почему? Ведь писалось в этой статье что WOFF не поддерживается Оперой и Сафари.

Да я пользовался таким генератором(все работает), но IE9+ понимает формат ttf, но не отображает шрифт, почему?(код хотелось бы не такой громоздкий как генератор выдает, тем более нужна поддержка только IE9+, без старых IE) Если например взять Пример 1 с данной статьи все работает в IE9+, а в моем варианте нет, хотя я делаю абсолютно тоже самое, за исключением шрифта(они разные)

Всем доброго времени суток. Возникла проблема с отображением шрифта в IE9+, а точнее его не отображением. Вот пример. Шрифт показывается в остальных браузерах, но в IE9+ не хочет, хотя формат ttf. Может проблема в самом файле шрифта?

psywalker По ответу sigma77 я уже решил этот вопрос. Всем Спасибо!

Изменял, и не раз. А апать это как?(если вы о том что не поднимать ее в топ по темам по средством сообщения с точкой..но как же тогда получить ответ, если напр. те кто мог ответить, оффлайн были и не увидели?) Спасибо за пример!. Но все таки в чем же проблема с Opera, почему она так реагирует?

Вы хоть напишите, может я не так вопрос поставил?.

.

.

Всем доброго времени суток! Есть такой код В браузере Opera почему то блок #before не становится вплотную в блок родителя хотя и выставлены все стороны позиционирования в нули(в Opera dragonfly при наведении на #wrap, а после на #before можно увидеть что данные блоки не эквивалентны по высоте хотя стоит top: 0; bottom: 0). В Firefox все отлично работает если сравнивать. Как сделать кроссбраузерный вариант?

Спасибо. Поставлю ка я изображение через :before,:after {}

В IE 9, 10, 11 одинаковая картина. Как же кроссбраузерно сверстать? подгонять?

Ну ответ вам дали, пример тоже. http://jsfiddle.net/m1f1etwz/1/ Если и такой вариант не устраивает - то увы.. Ну код то вы дописали, я его не видел. И вы знаете это и есть ответ на мой вопрос в принципе, хоть и не так как я думал. Ведь если дописать position:relative в .wrap-1 то все будет как было, но все равно спасибо, хоть что-то, а там посмотрим.

дело не в моем хочу - не хочу, дело возможно ли, по тому и задал вопрос.

Результат какой должен быть я уже писал выше. Он и скрывает, а я не хочу что бы он скрывал спозиционированый элемент, а что бы спозиционированый элемент становился над блоком родителя с оверфлов: хиден.

я и не говорил что маржин наследуется. вот статья: http://htmlbook.ru/samlayout/blochnaya-verstka/skhlopyvayushchiesya-otstupy пункт: Вложенные элементы Результат: оверфлов: хиден не должен прятать внутренний спозиционированный блок, то есть должна ситуация быть как с .container-2 который выходит за его границы .wrap-2. То есть нужно отменить влияние оверфлов: хиден на позишн. И возможно ли вообще это сделать(например добавив какото свойство кудато из блоков).

margin передается блоку родителю. Я знаю что есть другие способы отменить схлопывание margin, но дело не в нем. Дело в том как отменить данную ситуацию и возможно ли это?