Стандартная верстка

Хочу раз и навсегда уяснить и понять как правильно делается верстка.
Итак блоки
header, telo, footer - имеют относительное позиционирование и лежат внутри блока box, у которого margin: 0 auto;
Перечисленные три блока имеют относительное позиционирование потому что они не должны выпадать из потока. В каждом из трех блоков можно применять вложенные абсолютно позиционируемые блоки, потому что если они вложенные то будут двигаться вместе с родительскими.
Правильно ли я изложил концепцию?

0

Относительное и абсолютное позиционирование для построение каркаса применяется сравнительно редко. В основном применяют плавающие блоки на float.

0

Сообщение от Amestigon В основном применяют плавающие блоки на float.

А чем продиктован этот выбор? Относительные блоки ведь не выпадают из потока.

0

ajttajtt, для позиционирования лучше использовать margin и padding.

0

margin и padding применяются для позиционирования блоков только для косметического построения, когда необходимо задать отступы между блоками и элементами контента... Всё правильно уже сказал Amestigon для размещения блоков лучше всего использовать float... Если какой-то блок является вложенным, то его лучше всего позиционировать не position:absolute и z-index, а float...

0

Есть разные типы верстки в зависимости от задания
Автор, если хочешь подучить html, почитай про позиционирование и все станет на свои места

0

Сообщение от ajttajtt А чем продиктован этот выбор? Относительные блоки ведь не выпадают из потока.

Тем, что вы сможете создать любой каркас вне зависимости от количества блоков и размеров контента. А с позиционированием такой свободы нет. Как вы поступите если добавятся дополнительные блоки, которые скажем нужно внедрить, в вашем случае, в telo? Ну например отдельный анонс статьи в отдельном блоке, который должен следовать ниже предыдущего. Причем боковая колонка должна оставаться только одна. Каждому новому блоку прописывать новую позицию? А если блоки формируются автоматически? В какой нибудь cms например. А плавающие блоки занимают не фиксированное место, а свое место в потоке. В вашем же случае в потоке будут находиться только header, telo, footer. Все что внутри из потока вывалится.

0

Все ясно, чтобы плавающий контент не выпадал из потока нужно float использовать. Ну а шапку например можно же позиционированием делать?Или сам footer? То есть там где поток уже не нужен...

0

Добавлено через 5 минут

Сообщение от ajttajtt Все ясно, чтобы плавающий контент не выпадал из потока нужно float использовать.

Не совсем так. Плавающие элементы в любом случае будут в потоке, используете вы float или нет. Float позиционирует элемен в нужное нам место. Другое дело, что используя абсолютное позиционирование вы удаляете элемент из потока. И следующие элементы его уже не видят. А это чревато проблемами.

Сообщение от ajttajtt Ну а шапку например можно же позиционированием делать?Или сам footer? То есть там где поток уже не нужен...

Да в принципе можно все, что проходит валидацию. Только какой в этом смысл. Только код утяжелится. А футер все равно должен быть в потоке. Ведь высоту своего сайта вы не знаете. Она меняется в зависимости от контента. Так и пускай футер следует за этим контентом и примыкает к нему снизу.
На самом деле в html можно все, что не запрещено. Попробуйте и так и этак. Вы сами определите какой вариант вам больше нравится. Но мировой опыт показывает, что плавающие элементы все же предпочтительнее в большинстве случаев. Разумеется бывают и исключения, а как же без них. Именно разнообразие вариантов и делает верстку, процессом во многом творческим.

0

Просто поток в большинстве случаев нужен именно для тела сайта, где высота не фиксированная. В шапке всякие элементы, меню можно позиционирование и даже нужно я бы сказал, потому что так проще высчитывать, особенно когда в dreamweavere работаешь, там вообще визуально можно подогнать нужный блок.

0

Привет. У меня вот вопрос: допустим, у меня есть готовый дизайн в psd-формате. Сколько будет стоить примерно, чтобы
сделать из него wordpress-шаблон для моего сайта?