2010-01-12 2 views
1

Как позиционирование может сэкономить наше время, если мы будем использовать вместо float в каком-либо месте в кодировке макета?, в каких ситуациях использование позиционирования было бы лучше, чем плавать?

Как мы можем судить, где позиционирование даст лучший результат?

For example (i added just for example) if this is a design

До сих пор я использую только поплавок + запас + отступы, теперь, если я могу смешивать позиционирование и сэкономить время и получить пиксель совершенства легко затем плавать.

Руководство мне

Спасибо заранее.

Update 1:

эти общие элементы сайта. Должен ли я использовать позиционирование для любого из них?

The Header 
---logo 
---serch box 
---The Navigation Menu 
---top links 
---Breadcrumbs 

The Text Area 
---Paragraphs 
---images(left , right or center align) 
---Tables 
---vertical ordered and unordered list 

The Sidebar 
---vertical ordered and unordered list 


The Footer 
---copyright 
---Important Links (horizontal list) 

Form elements 

Update 2:

  • ли позиционирование есть какие-либо проблемы совместимости (включая IE6), чем плавать?

  • Это позиционирование подходит только для фиксированного Ширина конструкции или она подходит как для жидкой и фиксированной?

+0

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

ответ

2

Для этого макета вам не нужно использовать ничего, кроме плавающих, полей и прокладок. Позиционирование (relative, absolute, fixed) должно использоваться только в особых случаях, например. когда вы хотите вытащить элемент из потока документа и поместить его где-нибудь, в противном случае было бы трудно разместить его.

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

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

1

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

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

Один наконечник howerver, если вы используете position:absolute;, убедитесь, что родительский элемент имеет position:relative;

Смежные вопросы