Боязнь абсолютного позиционирования в CSS
1 октября 2008
Отличная заметка по использованию position: absolute при вёрстке макетов.
Особое внимание обратите на комментарии.
1 октября 2008
Отличная заметка по использованию position: absolute при вёрстке макетов.
Особое внимание обратите на комментарии.
Комментарии RSS по email OK
"Теперь открою тайну абсолютного позиционирования для непосвященных: если родительскому элементу задать position: relative, то его дочерние элементы с абсолютной позицией, будут располагаться относительно родителя, а не окна браузера"
И я про это же писал! А сколько раз при устройстве на работу мне доказывали обратное... =) Впрочем, всего один раз. Разумеется, я так и не согласился.
Это да… боятся как огня :)
Не все так просто :)
Высказал свое мнение в комментариях собственно к посту.
И совесм не давно у себя: http://trifler.ru/blog/post_1207234788.html
Gordi, если макет фиксированный, но при разных разрешениях нужно иметь различную ширину "основного" контейнера, то не оптимальнее ли задать ширину этого блока в процентах? А не для каждого разрешения подгружать свой CSS файл...
Первый пример в моей статье, как раз сделан с использованием относительных единиц измерений - em(%). Проблемы это не решает :)
Если честно, то я вообще не понимаю суть Вашей статьи. Так, только поверхностно. Название статьи должно содержать суть вопроса, а также первые абзацы в ней должны кратко характеризовать идею. Я бы не рискнул называть статью так, как это сделали Вы... Если спросите, "А как же тогда?", то не могу ответить, так как не хочется глубоко вникать в идею и придумывать более подходящее название. Извиняюсь, но неприятно читать Вашу статью. Самое главное -- не понимаешь, для чего читаешь...
gordi, вообще есть такое дело… как начинаю читать, тут же приходит на ум «трепещет очко самурая» и голова далее не воспринимает :( Есть что-то магическое… то-ли в оформлении, то-ли в межстрочном интервале, то-ли в самом стиле изложения.
Подскажу, что скорее всего три варианта сразу =) Нет, я не идеален, ко мне тоже можно придраться, но думаю, что никого не обижу своими словами =)
№ 6 "Самое главное -- не понимаешь, для чего читаешь..."
Если вы чего-то не понимаете, в какой либо публикации, то ли много букв или оформление не нравиться, стоит более внимательно посмотреть примеры.
В них суть проблемы, изложенная, в статье раскрыта, по моему мнению, достаточно полно.
В это и смысл "ликбеза", потому, как линк на "Боязнь…" только показывает, что не которые авторы слабо представляют, и понимаю все существующие проблемы абсолютного позиционирования, увы…
№ 7 "Есть что-то магическое… то-ли в оформлении, то-ли в межстрочном интервале, то-ли в самом стиле изложения."
Возможно :)
Но мои примеры говорят сами за себя и суть проблемы в них должна быть понятна и видна не вооруженным взглядом :)
Или "трепещет..." единственный аргумент? :)
Примеры обычно хороши. Я первым делом смотрю их и код, а вот описание читать… неудобно. Пусть «трепещет» дальше, но межстрочник побольше и шрифт чуть покрупнее не помешает.
№ 10 "...а вот описание читать…"
Многие жалуются :)
Но приверженность к "фиксу" везде и всюду часто подводит :)
Апгрейд не за горами, но вот со временем, как всегда напряжно :)
Лично я довольно часто забываю освойствах абсолютного позиционирования внутри относительного, из-за того, что просто редко использую. Хотя в сложных макетах действительно очень выручает.
Егор, как оказалось, это absolute очень удобно использовать при позиционировании элементов в шапке и подвале... Попробуйте и вспомните про меня =) Не помню, я вроде сам как-то "вышел" на такой подход, но когда сказал об этой идее знакомому верстальщику -- ему показалось очень удобным =) Представьте, что при добавлении какого-но нового элемента в шапку, старые никуда не "съедят" и т.д...
gord,i вот как-то зря вы все же на Оперу в своей заметки ругаетесь, фаерфокс ведет себя точно так же - наезд области контента на правый контейнер
man"...вот как-то зря вы все же на Оперу в своей заметки ругаетесь..."
Возможно, но о чем это говорит?
Что программисты OPERA, в FF3 исправили, забили на пользователя, и не могут разделить собственно масштабирование и размер текста, как это сделано в том же IE7.
И, наверное, вы считаете, что это хорошо, что такой фишки в OPERA до сих пор нет?
Что же касается разработчиков стандартов, то стилевые правила есть, а вот использовать их в полном объеме нельзя, что само по себе странно.
В качестве иллюстрации "Верстаем без float", все вроде бы прекрасно, но вот, как быть с footer-ом?