2010-02-09 14 views
5

¿Cuál es la mayor desventaja de usar el posicionamiento de CSS (From Dreamweaver AP Div) para todo en su lugar Float para ancho fijo, sitio web centrado?¿Cuál es la mayor desventaja de usar la posición: absoluta y superior/izquierda sobre Float & margin + padding, si el sitio es de ancho fijo (970px), centrado?

si yo no me importa para

  • Los usuarios móviles
  • usuarios de pantalla pequeña (menor que 1,024 tamaño de la pantalla px)

Pero me importa

  • Pantalla lector de usuario
  • Todo usuario del navegador (incluyendo IE6)
+0

¿Quiere decir posicionar usando 'position: absolute' y' top/left'? –

+0

@ K Prime: en cualquier lugar donde usemos Float para hacer que el diseño coloque cualquier elemento mediante float y margen-padding, etc. –

+0

@K Prime - sí, posición de uso: absolute –

Respuesta

3

Si no se preocupan por resolución pequeña, es sólo una cuestión de la flexibilidad: cuando se utiliza posicionamiento absoluto, se rompe el flujo. Entonces, todo debe ser del tamaño exacto.

Para muchos elementos o situaciones (haga un título de imagen perfecto ...), es la mejor opción (ya veces única). La mayoría de las veces, 'relativo' es mejor porque mantiene el flujo (el elemento permanece en el flujo) pero puede modificar la posición relativa a la posición padre (no olvide colocar el elemento primario, incluso si no le da una posición explícita; por ejemplo, simplemente agrega posición: relativa, sin arriba/izquierda ...). Y, buen punto, "position: relative" da haslayout al elemento en IE!

Por ejemplo, si desea poner pie de página después de un contenido, absoluta es una mala idea porque probablemente no conozca la altura del contenido. Pero si quiere poner un menú en la parte superior de la pantalla pero no quiere molestar a las personas que usan lector de pantalla (el menú grande debe estar al final, en un documento linealizado), la posición absoluta es perfecta.

Float no es la solución perfecta, como puede leer en muchos blogs: es una posición muy particular, pero es útil porque 'en línea bloque' no funciona todo el tiempo. Y, por supuesto, también es útil cuando realmente quieres que los elementos floten.

No es tan fácil de explicar cuando usted no habla bien el idioma Inglés :)

2

Si un elemento contiene texto, no se puede predecir su altura (porque no se sabe qué fuente y tamaño de fuente que lo en realidad se representará en).

Eso hace que sea imposible colocar la parte superior de un elemento en la parte inferior de otro elemento. Por ejemplo: Olvídese de tener un diseño tradicional de "Dos columnas con encabezado y pie de página".

+0

Hice esta pregunta después de leer este artículo http: //www.adobepress .com/articles/article.asp? p = 770996 –

+2

¡Qué gran artículo. En pocas palabras: "El posicionamiento absoluto es una porquería, pero con él puedes pretender que Dreamweaver es Photoshop. Te gusta Photoscript, así que aquí está cómo arruinar la experiencia de tus usuarios con un posicionamiento absoluto". – Quentin

3

No es/o ambos ... El flotador es bueno para algunas situaciones y posiciones: absoluto para los demás, por lo tanto, es posible que necesite usar ambos para su diseño. Si realmente quiere usar CSS, le sugiero que compre y lea este libro http://www.transcendingcss.com/

Cuestiones relacionadas