2011-05-14 12 views
10

Soy nuevo en el mundo de la codificación, XHTML, CSS y PHP. He encontrado numerosos tutoriales sobre el posicionamiento, es decir, relativos, absolutos y fijos; sin embargo, no tengo idea de cuándo debo usarlos o cuándo es el mejor para usarlos. Agradecería algunos ejemplos.Cuándo usar el posicionamiento de CSS?

Respuesta

7

ALA tiene un nice tutorial (hay muchos ejemplos) El posicionamiento CSS puede ser especialmente útil cuando necesita colocar algo que no se puede colocar dentro del flujo normal.

+0

Thanks. Cuando dices 'no se puede posicionar dentro del flujo normal', ¿qué se considera' flujo normal'? – PeanutsMonkey

+0

http://www.w3.org/TR/CSS2/visuren.html#normal-flow, así es básicamente cómo los elementos html se apilan entre sí de manera predeterminada ... Ir al enlace que proporcioné y leer con cuidado .. (Me refería especialmente a ALA) – DrStrangeLove

+0

Gracias. He leído el artículo en ALA y sin dudas fue perspicaz, aunque no siguió el esquema establecido por W3, especialmente sobre "no simultáneamente". – PeanutsMonkey

4

Para entender el posicionamiento de CSS, lo que necesitas para familiarizarse con el "CSS BOX Modelo de"

hay un montón de tutoriales en línea. Éstos son algunos buenos con ejemplos para principiantes:

http://www.brainjar.com/css/positioning/default.asp

http://www.tizag.com/cssT/position.php

http://www.alistapart.com/articles/css-positioning-101/

+1

Gracias. He leído sobre CSS Box Models, pero ninguno de ellos explica CUÁNDO debo usar decir relativo, relativo y absoluto y fijo. Sé que hay una respuesta que se aplica a todas las situaciones, pero sería bueno tener una idea. – PeanutsMonkey

2

dos que utilizo con frecuencia son:

relativa posicionamiento: le ayuda a elementos de estilo relativo a otros elementos. P.ej. desea mover una entrada a la derecha relativa al div que está adentro.

Posicionamiento fijo: ideal para cosas como Refrescar sugerencias que se 'arreglan' para que lo sigan a donde sea que se desplace.

Lo mejor es jugar con ellos y comprobarlo por ti mismo.

+0

Cuando dice 'relativos el uno al otro', ¿qué significa esto exactamente, p. Supongo que tengo mi elemento de logotipo a la izquierda y me gustaría que mi navegación parezca estar a la derecha, ¿significaría que me gustaría ubicarla relativamente a mi derecha? He visto ejemplos de uso relativo junto con absoluto, pero de nuevo, no estoy muy claro. De lo que me han dicho en numerosas ocasiones ahora es alejarse de las escuelas W3 ya que no se adhieren a las normas ... – PeanutsMonkey

+0

Hmmm. Parece que hay críticas de las Escuelas W3. Me gusta utilizarlo cuando hago referencia a cosas simples, pero tal vez no sean las mejores.En su pregunta de posicionamiento relativo, tiene razón en que está posicionando el derecho de navegación relativo al logotipo de su izquierda. Nunca he usado absoluto, así que no sé si se puede usar. – ksindi

0

Para usar CSS para el diseño de manera efectiva, ayuda a saber cómo se usa para posicionar el contenido de la página. Este artículo ofrece una descripción general de los métodos y las reglas que rigen la representación visual en la especificación CSS2. También señala algunas cosas para tener en cuenta.

http://www.handycss.com/how/how-to-use-css-positioning/

Cuestiones relacionadas