float или position - для размещения контента

[cmndr_alexgreen]

Тут на днях упорно смотрел ролики В.Макеева, и по мимо массы полезных вещей как то вскользь прозвучало что "Все таки float не для разбрасывания блоков по странице"

Возникла такая мысль - А насколько правильно, верстать опираясь на позиционирование блоков с помощью свойств float?

Одно дело когда это действительно касается картинки которую нужно врезать в текст или что-то подобное. Другое дело формировать структуру отображения всего контента обернутого в различные блоки и раскидывать их налево или направо, и периодически не забывая, где нужно еще и clear впихивать.

Это по сути теория, поскольку многие из вас наверняка скажут - "мол каждый верстает как ему удобно", но все же мне интересно мнение каждого в отдельности и если можно с аргументами.

[McLotos]

Зависит от ситуации, поэтому использую оба варианта =)

[npofopr]

Как с помощью position вы сделаете адаптивную верстку? Сделать то конечно можно, но во всех ли случаях будет это удобно.

[sigma77]

Тут на днях упорно смотрел ролики В.Макеева, и по мимо массы полезных вещей как то вскользь прозвучало что "Все таки float не для разбрасывания блоков по странице"

Да, float не для создания каркаса (также как и position), но другой кроссбраузерной альтернативы сейчас нет.

[Great Rash]

Да, float не для создания каркаса (также как и position), но другой кроссбраузерной альтернативы сейчас нет.

Таблицы же

[sigma77]

Таблицы же

Фреймы )

[wwt]

В голосование нужно бы добавить пункт:

5. В зависимости от требований и ситуации.

и я проголосую за него.

[cmndr_alexgreen]

В голосование нужно бы добавить пункт:

5. В зависимости от требований и ситуации.

и я проголосую за него.

То есть у вас нет своего мнения на данную тему? Да и пункт этот лишний, поскольку даже среди того что вы делаете по "ситуации", так или иначе, что-то из перечисленного встречается чаще чем другие пункты. Edited February 22, 2013 by cmndr_alexgreen

[wwt]

В голосование нужно бы добавить пункт:

5. В зависимости от требований и ситуации.

и я проголосую за него.

То есть у вас нет своего мнения на данную тему? Да и пункт этот лишний, поскольку даже среди того что вы делаете по "ситуации", так или иначе, что-то из перечисленного встречается чаще чем другие пункты.

Вы точно в этом уверены? Позиционирование используется очень часто при блочной верстке, как и плавающие блоки. У каждого из этих свойств свои задачи и цели. То что можно сделать ими обоими одно и тоже еще ничего не значит. Я всего лишь пытаюсь донести свое мнение, что использовать что-то одно из этого просто глупо. Каждому своё место и свои задачи. Каждое из этих свойств выполняет свои функции и не стоит заменять одно другим. Для примера глупо верстать каркас сайта абсолютным позиционированием. Но ведь это тоже не 100%, а что если это не сайт? А некое приложение? К примеру некий пользовательский интерфейс, пусть будет модальное окно к примеру )) Как вы его сверстаете плавающим блоком если к примеру там предусмотрено перетаскивание и сворачивание? И тоже самое с float, у него свои задачи и вы никак не сверстаете блоки позиционированием если они должны строится друг за другом в независимости от ширина родителя. Потому я и говорю в зависимости от требований и ситуации я буду использовать либо то либо другое свойство.

[cmndr_alexgreen]

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

))))) Да пожалуйста. Но мы рассматриваем конкретный случай, а именно применение того или иного метода для создания среднестатистического сайта.

И в хотите сказать, что не можете на вскидку вспомнить каким методом вам чаще приходится пользоваться)?

Получается так, что народ использует позиционирование через float, поскольку привык мыслить таблицами или просто так удобнее и проще.

Edited February 22, 2013 by cmndr_alexgreen

[Sensei]

Народ использует float, потому что в css нет специальных инструментов для создания макета (flex-box пока не в счет).

Сравнение изначально некорректно. Я бы еще понял "float vs inline-block", а float и position, как уже писали выше, применяются для решения разных задач, они не являются взаимоисключающими.

Использование одного из них в большей степени, в каждом конкретном случае, ничуть не означает, что он лучше.

Абсолютное позиционирование нужно, если элемент не должен взаимодействовать с другими элементами. Поэтому делать с его помощью, например, пункты горизонтального меню - бред.

[Маленьке Звірятко]

Согласен с Sensei. Я тоже где-то на Хабре читал в комментах, что float не предназначено для создания каркаса, и поэтому следует использовать таблицы =))

Мейер в своей известной книге «Каскадные таблицы стилей» писал, что как и «перемещение» (float) так и позиционирование при правильном использовании призвано заменить таблицы. Другого инструмента пока нет.

[wwt]

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

))))) Да пожалуйста. Но мы рассматриваем конкретный случай, а именно применение того или иного метода для создания среднестатистического сайта.

И в хотите сказать, что не можете на вскидку вспомнить каким методом вам чаще приходится пользоваться)?

Получается так, что народ использует позиционирование через float, поскольку привык мыслить таблицами или просто так удобнее и проще.

Чаще? Вы часто пользуетесь столовыми приборами? Можете на вскидку сказать чем вы пользуетесь чаще ложкой или вилкой?

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

[Березовский]

@media only screen and (max-width: ....px) {} полностью опираюсь на эту тему при адаптивной верстке... флоат тоже не все решает.

[cmndr_alexgreen]

Чаще? Вы часто пользуетесь столовыми приборами? Можете на вскидку сказать чем вы пользуетесь чаще ложкой или вилкой?

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

Чаще вилкой - поскольку люблю макароны. А в верстке использую чаще float - поскольку в большей степени верстаю фиксированные страницы.

Обтекание опять же не решает на 100% все те недостатки что вы обычно вешаете на позиционирование. Недавно сделал страницу "резиновую" и делал принципиально через position - так мало того что это мне показалось логичнее, так оно еще и работает (про ie5-6 не знаю я принципиально под них не подстраиваюсь).