Jump to content
  • 0

Какой раскладкой в CSS Вы предпочитаете пользоваться?


TonKhaO
 Share

Question

Понимаю что вопрос слегка риторический с точки зрения что при почти любой верстке мы используем смесь из всех трех (которые я знаю) видов раскладки:

Насколько я понял изучаю пока статьи в интеренете существует 3 вида раскладки:

1. Float`ами

2. Потоками с использованием маргинов и паддингов для позиционирования блоков

3. Позиционированием (position: absolute; position: relative)

Я лично редко пользуюсь абсолютным позиционирование и относительным так как и не особо пока в этом спец ;)

Часто использую флоаты, но они тем плохи что как бы выбиваются из потока страницы (в нек случаях это конечно и нужно)

Начинаюсь задумываться о первом способе для того чтобы выравнивать по горизонтали элементы ибо margin с параметром авто рулит )))

Давайте немного подискутируем :-)))

Link to comment
Share on other sites

24 answers to this question

Recommended Posts

  • 0
Понимаю что вопрос слегка риторический с точки зрения что при почти любой верстке мы используем смесь из всех трех (которые я знаю) видов раскладки:

Насколько я понял изучаю пока статьи в интеренете существует 3 вида раскладки:

1. Float`ами

2. Потоками с использованием маргинов и паддингов для позиционирования блоков

3. Позиционированием (position: absolute; position: relative)

Я лично редко пользуюсь абсолютным позиционирование и относительным так как и не особо пока в этом спец ;)

Часто использую флоаты, но они тем плохи что как бы выбиваются из потока страницы (в нек случаях это конечно и нужно)

Начинаюсь задумываться о первом способе для того чтобы выравнивать по горизонтали элементы ибо margin с параметром авто рулит )))

Давайте немного подискутируем :-)))

Флоаты из потока не выбиваются. Абсолют - да, а флоаты нет.

Собственно, опять за велосипед терки, введите в гугле "трехколоночный макет" и 10 и 10 первых ссылок HTML/CSS про примерно одно и тоже.

Link to comment
Share on other sites

  • 0
Флоаты из потока не выбиваются. Абсолют - да, а флоаты нет.

я немного не то имел ввиду когда я задаю флоатом то родитель перестает этот бокс замечать, и без clear: both тут не обойтись а это получается дополнительный пустой див

Link to comment
Share on other sites

  • 0

Когда приходится верстать, то я просто верстаю и не запариваюсь как - не надо искать всякие ухищрения и мелочи - так будет сэкономлено много времени и сил. Это в программировании можно мелочами ускорить/затормозить работу программы в разы, а при вёрстке, ИМХО, не стоит этим запариваться - главное, чтобы выглядело всё нормально ну трафик был вменяемый. Надо не дискутировать, а работать. Вот так.

Link to comment
Share on other sites

  • 0
Когда приходится верстать, то я просто верстаю и не запариваюсь как - не надо искать всякие ухищрения и мелочи - так будет сэкономлено много времени и сил. Это в программировании можно мелочами ускорить/затормозить работу программы в разы, а при вёрстке, ИМХО, не стоит этим запариваться - главное, чтобы выглядело всё нормально ну трафик был вменяемый. Надо не дискутировать, а работать. Вот так.

ну вы же не верстаете в таблицах? ;)

Link to comment
Share on other sites

  • 0
ну вы же не верстаете в таблицах? ;)

Если ТЗ говорит о том что верстать таблицей тут более подручно - сверстаю. Дивами кое что вообще анреал. Либо немнооожко реал но стоит только колесо крутануть или в куче браузеров посмотреть... или т.п.

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

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

Link to comment
Share on other sites

  • 0
Если ТЗ говорит о том что верстать таблицей тут более подручно - сверстаю. Дивами кое что вообще анреал. Либо немнооожко реал но стоит только колесо крутануть или в куче браузеров посмотреть... или т.п.

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

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

мое ТЗ слава богу мне никогда не говорит как верстать, и я всегда верстаю именно дивами, таблицы только для хранения данных, стараюсь идти в ногу со временем ;)

Link to comment
Share on other sites

  • 0
я немного не то имел ввиду когда я задаю флоатом то родитель перестает этот бокс замечать, и без clear: both тут не обойтись а это получается дополнительный пустой див

Вообще-то достаточно родителю указать ovefrlow:hidden; и он сразу увидит плавающие блоки. А для ИЕ6 - zoom:1.

Link to comment
Share on other sites

  • 0
Понимаю что вопрос слегка риторический с точки зрения что при почти любой верстке мы используем смесь из всех трех (которые я знаю) видов раскладки:

Насколько я понял изучаю пока статьи в интеренете существует 3 вида раскладки:

1. Float`ами

2. Потоками с использованием маргинов и паддингов для позиционирования блоков

3. Позиционированием (position: absolute; position: relative)

Я лично редко пользуюсь абсолютным позиционирование и относительным так как и не особо пока в этом спец ;)

Часто использую флоаты, но они тем плохи что как бы выбиваются из потока страницы (в нек случаях это конечно и нужно)

Начинаюсь задумываться о первом способе для того чтобы выравнивать по горизонтали элементы ибо margin с параметром авто рулит )))

Давайте немного подискутируем :-)))

Я пользуюсь той раскладкой, которая диктует конкретная ситуация, а не той, которой мне нравится. Покажи мне задачу и я назову тебе свою раскладку ;)

Link to comment
Share on other sites

  • 0
мое ТЗ слава богу мне никогда не говорит как верстать, и я всегда верстаю именно дивами, таблицы только для хранения данных, стараюсь идти в ногу со временем ;)

о как). Попахивает максимализмом... возможно юношеским). А что есть в ногу со временем?)

Верстать сейчас в сложных местах таблицами, это тоже самое, что одеть экс-модный винтажный плащ с кроссовками — по мне так это очень даже круто.

Link to comment
Share on other sites

  • 0
о как). Попахивает максимализмом... возможно юношеским). А что есть в ногу со временем?)

Верстать сейчас в сложных местах таблицами, это тоже самое, что одеть экс-модный винтажный плащ с кроссовками — по мне так это очень даже круто.

Как на форд мустанг 68-го года поставить мегасовременную электорнику и акустику )))

Я так и не дождался от Вас "брендбука". Сочетание в примере очень порадовало.

Link to comment
Share on other sites

  • 0
Постоянно использую именно overflow и считаю, что хоронить это оружие ещё оочень рано ;)

Я юзаю after, потому что с оферфлоу постоянно надо "2 пишем 3 в уме".

Edited by Justnewone
Link to comment
Share on other sites

  • 0
Я так и не дождался от Вас "брендбука". Сочетание в примере очень порадовало.

до конца недели - обещаю скинуть..(

я как раз щас моделю именно эту машину http://shinoda.ru/mustang.jpg ;) ;) :):P

молодец, с нуля?

Классная аватарка чувак

psywalker, спасибо! :P она у меня уже давно) или ты картинки отключаешь?

Link to comment
Share on other sites

  • 0

BassEast

psywalker, спасибо! ;) она у меня уже давно) или ты картинки отключаешь?

Да видел, но просто как мне показалось, она у тебя всегда разная, то мигает, то нет, вот мне вобщем мигающая нравится, которая цвет меняет ;)

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy