Комментарии на: Вёрстка растягивающихся сайтов http://chikuyonok.ru/2010/01/liquid-site-markup/ веб-разработчик Mon, 06 Feb 2012 20:36:43 +0000 hourly 1 http://wordpress.org/?v=3.3.1 От: theuser http://chikuyonok.ru/2010/01/liquid-site-markup/comment-page-2/#comment-2899 theuser Sun, 29 May 2011 15:26:25 +0000 http://chikuyonok.ru/?p=557#comment-2899 Здравствуйте Сергей, спасибо за статью и описание метода! 1. Уже второй день пытаюсь разобраться со всеми особенностями отрицательных margin-ов, и никак не пойму этих волшебных свойств, и в частности, как здесь писали - "влияние отрицательных margin на нормальный поток",- разве отрицательные маргины как-то вырывают блок из нормального потока? Не могли бы более детальнее описать особенности, которые получает блок, имеющий отрицательные маргины? 2. цитата: Итак, ширина блока получилась 30.5px, браузер для себя округляет её до 30px. Что будет, если в этот блок мы вложим ещё один, шириной 200%? Вот не могу понять, зачем задают 200% (и больше, как в некоторых других примерах, использующих подобный метод компоновки), какая здесь арифметика задействована, почему используем не 100%, которые как-бы логичнее, а какие-то искусственные увеличенные виртуальные размеры? Здравствуйте Сергей, спасибо за статью и описание метода!
1. Уже второй день пытаюсь разобраться со всеми особенностями отрицательных margin-ов, и никак не пойму этих волшебных свойств, и в частности, как здесь писали – “влияние отрицательных margin на нормальный поток”,- разве отрицательные маргины как-то вырывают блок из нормального потока? Не могли бы более детальнее описать особенности, которые получает блок, имеющий отрицательные маргины?

2. цитата: Итак, ширина блока получилась 30.5px, браузер для себя округляет её до 30px. Что будет, если в этот блок мы вложим ещё один, шириной 200%?
Вот не могу понять, зачем задают 200% (и больше, как в некоторых других примерах, использующих подобный метод компоновки), какая здесь арифметика задействована, почему используем не 100%, которые как-бы логичнее, а какие-то искусственные увеличенные виртуальные размеры?

]]> От: Mick Lyalin http://chikuyonok.ru/2010/01/liquid-site-markup/comment-page-2/#comment-2855 Mick Lyalin Fri, 06 May 2011 06:55:45 +0000 http://chikuyonok.ru/?p=557#comment-2855 А нельзя ли объединить этот пример с версткой шапки и подвала для получения варианта шапка+2 колонки+подвал? А нельзя ли объединить этот пример с версткой шапки и подвала для получения варианта шапка+2 колонки+подвал?

]]> От: Лёха http://chikuyonok.ru/2010/01/liquid-site-markup/comment-page-2/#comment-2521 Лёха Mon, 06 Dec 2010 11:56:35 +0000 http://chikuyonok.ru/?p=557#comment-2521 keo, да, только это обертка для колонок (column). Нужна еще для incut-ов. keo, да, только это обертка для колонок (column). Нужна еще для incut-ов.

]]> От: keo http://chikuyonok.ru/2010/01/liquid-site-markup/comment-page-2/#comment-2520 keo Mon, 06 Dec 2010 11:53:15 +0000 http://chikuyonok.ru/?p=557#comment-2520 Леха, если я правильно понял, то columns-wrap в Вашем макете и есть эта обертка с шириной 200%. Леха, если я правильно понял, то columns-wrap в Вашем макете и есть эта обертка с шириной 200%.

]]> От: Лёха http://chikuyonok.ru/2010/01/liquid-site-markup/comment-page-2/#comment-2519 Лёха Mon, 06 Dec 2010 10:47:27 +0000 http://chikuyonok.ru/?p=557#comment-2519 keo, да, но я думаю это легко исправляется дивом-оберткой шириной 200%. keo, да, но я думаю это легко исправляется дивом-оберткой шириной 200%.

]]> От: keo http://chikuyonok.ru/2010/01/liquid-site-markup/comment-page-2/#comment-2518 keo Mon, 06 Dec 2010 09:48:37 +0000 http://chikuyonok.ru/?p=557#comment-2518 Леха, спасибо за ссылку! К сожалению, в приведенном примере, во всех браузерах при ресайзе слетают границы (кроме ФФ) до 2px. Леха, спасибо за ссылку! К сожалению, в приведенном примере, во всех браузерах при ресайзе слетают границы (кроме ФФ) до 2px.

]]> От: Лёха http://chikuyonok.ru/2010/01/liquid-site-markup/comment-page-2/#comment-2485 Лёха Tue, 30 Nov 2010 06:59:29 +0000 http://chikuyonok.ru/?p=557#comment-2485 Madness, вот пример, как можно расположить блоки в ряд: http://horyakov.ru/experiments/stretchable/ Madness, вот пример, как можно расположить блоки в ряд: http://horyakov.ru/experiments/stretchable/

]]> От: Лёха http://chikuyonok.ru/2010/01/liquid-site-markup/comment-page-1/#comment-2483 Лёха Tue, 30 Nov 2010 06:06:25 +0000 http://chikuyonok.ru/?p=557#comment-2483 Madness, у меня получилось реализовать подобное в одном проекте. Будет время — сверстаю тестовую страницу с примером. Как сделаю, отпишусь здесь. Madness, у меня получилось реализовать подобное в одном проекте. Будет время — сверстаю тестовую страницу с примером. Как сделаю, отпишусь здесь.

]]> От: Сергей Чикуенок http://chikuyonok.ru/2010/01/liquid-site-markup/comment-page-1/#comment-2468 Сергей Чикуенок Fri, 26 Nov 2010 09:00:00 +0000 http://chikuyonok.ru/?p=557#comment-2468 Ну, наверно что-то напутал :) Ну, наверно что-то напутал :)

]]> От: Никита http://chikuyonok.ru/2010/01/liquid-site-markup/comment-page-1/#comment-2467 Никита Fri, 26 Nov 2010 08:58:58 +0000 http://chikuyonok.ru/?p=557#comment-2467 нет, как это значимый эффект только в IE, если убрать margin-right:-50%; блок #content сдвинется вниз на высоту #menu нет, как это значимый эффект только в IE, если убрать margin-right:-50%; блок #content сдвинется вниз на высоту #menu

]]>