Хорошо ли использовать float в таблице без дизайна?

Question

Хорошо ли использовать float в дизайне без таблиц? Каковы плюсы / минусы поплавка в контексте кроссбраузерно-совместимого дизайна? Существуют ли рекомендации по передовым методам для кроссбраузерно-совместимого дизайна без таблиц?

Answer 1

Это немного похоже на вопрос "использовать ли я массивы?" В обоих случаях ответ таков: «это зависит (от того, чего вы пытаетесь достичь)».

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

Как и все, у них есть сильные и слабые стороны. В частности, поплавки лучше всего работают с содержимым фиксированной ширины. Наличие поплавка должно быть настолько широким, насколько это необходимо, как правило, там, где такие макеты падают.

Редактировать: В отношении комментария, касающегося IE, относящегося к ним по-разному, применяются два практических правила:

• всегда объявляйте DOCTYPE в ваших документах. Это вынуждает IE переходить в «причуды» в режим «соответствия стандартам» (оба эвфемизма); и
• всегда используйте сброс CSS (есть другие).

При этом вам все же приходится тестировать свои страницы в основных браузерах, но по моему опыту не так сложно написать что-то из коробки, что в основном работает на всех браузеры и просто нужно настроить после факта.

Answer 2

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

Answer 3

Использование чисел с плавающей запятой в дизайне без таблиц (и Моак правильно - вы должны использовать таблицы для табличных данных) является в значительной степени принятой практикой. Конечно, есть исключения - вы можете использовать позиционирование, но это открывает совершенно новую банку червей (особенно когда речь идет о проблемах совместимости браузера).

До тех пор, пока вы потратите время, чтобы убедиться, что ваши поплавки очищены правильно (http://www.positioniseverything.net/easyclearing.html и http://www.quirksmode.org/css/clearing.html для двух разных подходов; я предпочитаю последний, но, как и все - соответствующий ответ есть «это зависит»), вы не должны сталкиваться с слишком многими проблемами. Также, как упоминает Cletus , объявите свой DOCTYPE.

Важно отметить, конечно, что вы столкнетесь с большим количеством проблем, связанных с IE, которые будут увеличиваться по мере уменьшения количества версий (IE8 довольно приличный, 7 меньше, и, ну, мы все знаем о Отношение IE6 к современному CSS).

Чтобы ответить на ваш вопрос "за / против" - плюсы заключаются в том, что у вас нет кода презентации, записанного в разметку документа, поскольку вы можете применять правила CSS к любому элементу, что означает, что ваш документ меньше по размеру ( не то, чтобы это больше беспокоило, но для некоторых это все еще так), и (что более важно) вы не привязаны к какому-либо конкретному дизайнерскому решению.

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