<rmcreative>

RSS

Боязнь абсолютного позиционирования в CSS

1 октября 2008

Отличная заметка по использованию position: absolute при вёрстке макетов.

Читаем

Особое внимание обратите на комментарии.

Комментарии RSS

  1. №670
    Никита
    Никита 03.10.2008, 18:07:59

    "Теперь открою тайну абсолютного позиционирования для непосвященных: если родительскому элементу задать position: relative, то его дочерние элементы с абсолютной позицией, будут располагаться относительно родителя, а не окна браузера"

    И я про это же писал! А сколько раз при устройстве на работу мне доказывали обратное... =) Впрочем, всего один раз. Разумеется, я так и не согласился.

  2. №672
    Sam
    Sam 03.10.2008, 18:33:43

    Это да… боятся как огня :)

  3. №673
    gordi
    gordi 03.10.2008, 19:31:23

    Не все так просто :)

    Высказал свое мнение в комментариях собственно к посту.

    И совесм не давно у себя: http://trifler.ru/blog/post_1207234788.html

  4. №674
    Никита
    Никита 03.10.2008, 20:23:01

    Gordi, если макет фиксированный, но при разных разрешениях нужно иметь различную ширину "основного" контейнера, то не оптимальнее ли задать ширину этого блока в процентах? А не для каждого разрешения подгружать свой CSS файл...

  5. №675
    gordi
    gordi 03.10.2008, 20:39:54

    Первый пример в моей статье, как раз сделан с использованием относительных единиц измерений - em(%). Проблемы это не решает :)

  6. №676
    Никита
    Никита 03.10.2008, 20:49:30

    Если честно, то я вообще не понимаю суть Вашей статьи. Так, только поверхностно. Название статьи должно содержать суть вопроса, а также первые абзацы в ней должны кратко характеризовать идею. Я бы не рискнул называть статью так, как это сделали Вы... Если спросите, "А как же тогда?", то не могу ответить, так как не хочется глубоко вникать в идею и придумывать более подходящее название. Извиняюсь, но неприятно читать Вашу статью. Самое главное -- не понимаешь, для чего читаешь...

  7. №677
    Sam
    Sam 03.10.2008, 20:55:19

    gordi, вообще есть такое дело… как начинаю читать, тут же приходит на ум «трепещет очко самурая» и голова далее не воспринимает :( Есть что-то магическое… то-ли в оформлении, то-ли в межстрочном интервале, то-ли в самом стиле изложения.

  8. №678
    Никита
    Никита 03.10.2008, 20:59:44

    Подскажу, что скорее всего три варианта сразу =) Нет, я не идеален, ко мне тоже можно придраться, но думаю, что никого не обижу своими словами =)

  9. №679
    gordi
    gordi 03.10.2008, 21:10:45

    № 6 "Самое главное -- не понимаешь, для чего читаешь..."

    Если вы чего-то не понимаете, в какой либо публикации, то ли много букв или оформление не нравиться, стоит более внимательно посмотреть примеры.

    В них суть проблемы, изложенная, в статье раскрыта, по моему мнению, достаточно полно.

    В это и смысл "ликбеза", потому, как линк на "Боязнь…" только показывает, что не которые авторы слабо представляют, и понимаю все существующие проблемы абсолютного позиционирования, увы…

    № 7 "Есть что-то магическое… то-ли в оформлении, то-ли в межстрочном интервале, то-ли в самом стиле изложения."

    Возможно :)

    Но мои примеры говорят сами за себя и суть проблемы в них должна быть понятна и видна не вооруженным взглядом :)

    Или "трепещет..." единственный аргумент? :)

  10. №680
    Sam
    Sam 03.10.2008, 21:38:24

    Примеры обычно хороши. Я первым делом смотрю их и код, а вот описание читать… неудобно. Пусть «трепещет» дальше, но межстрочник побольше и шрифт чуть покрупнее не помешает.

  11. №681
    gordi
    gordi 03.10.2008, 21:44:41

    № 10 "...а вот описание читать…"

    Многие жалуются :)

    Но приверженность к "фиксу" везде и всюду часто подводит :)

    Апгрейд не за горами, но вот со временем, как всегда напряжно :)

  12. №685
    Егор
    Егор 04.10.2008, 1:39:30

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

  13. №687
    Никита
    Никита 04.10.2008, 8:28:36

    Егор, как оказалось, это absolute очень удобно использовать при позиционировании элементов в шапке и подвале... Попробуйте и вспомните про меня =) Не помню, я вроде сам как-то "вышел" на такой подход, но когда сказал об этой идее знакомому верстальщику -- ему показалось очень удобным =) Представьте, что при добавлении какого-но нового элемента в шапку, старые никуда не "съедят" и т.д...

  14. №1058
    man
    man 09.01.2009, 3:11:20

    gord,i вот как-то зря вы все же на Оперу в своей заметки ругаетесь, фаерфокс ведет себя точно так же - наезд области контента на правый контейнер

  15. №1059
    gordi
    gordi 09.01.2009, 12:43:14

    man"...вот как-то зря вы все же на Оперу в своей заметки ругаетесь..."

    Возможно, но о чем это говорит?

    Что программисты OPERA, в FF3 исправили, забили на пользователя, и не могут разделить собственно масштабирование и размер текста, как это сделано в том же IE7.

    И, наверное, вы считаете, что это хорошо, что такой фишки в OPERA до сих пор нет?

    Что же касается разработчиков стандартов, то стилевые правила есть, а вот использовать их в полном объеме нельзя, что само по себе странно.

    В качестве иллюстрации "Верстаем без float", все вроде бы прекрасно, но вот, как быть с footer-ом?

  1. Почта опубликована не будет.

  2. Можно использовать синтаксис Markdown или HTML.

  3. Введите ответ в поле. Щёлкните, чтобы получить другую задачу.