Daily Archive for Jueves, octubre 8th, 2009

Aprende acerca del posicionamiento con CSS

Seguramente has visto código como este en algunas hojas de estilo CSS:

1
2
3
4
5
6
7
8
9
10
11
12
#div-1 {
  position:relative;
  top:20px;
  left:-40px;
}
 
#div-1a {
  position:absolute;
  top:0;
  right:0;
  width:200px;
}

Pero, ¿te has preguntado qué hacen, cómo funcionan o cómo interactúan exactamente las posiciones absolute y relative?

¿Si? Pues yo también, y fue hasta que encontré este sitio que todas mis dudas fueron despejadas:
Learn CSS Positioning in Ten Steps

¡Una lectura bastante recomendada, si andas en el rollo del diseño web! :)

Artículos relacionados:

Lobos en línea

De pata de lobo

Horizonte en el desierto 1/3.
Desierto de Real de Catorce, San Luis Potosí, México. [Febrero 2007] Campo de trigo en una tarde nublada.
Neuenkirchen, Deutschland. [Mayo 2007] Campo de trigo en una tarde nublada.
Neuenkirchen, Deutschland. [Mayo 2007] Atardecer entre matorrales 2/3.
Desierto de Real de Catorce, San Luis Potosí, México. [Febrero 2007] Atardecer entre matorrales 3/3.
Desierto de Real de Catorce, San Luis Potosí, México. [Febrero 2007] Horizonte en el desierto 3/3.
Desierto de Real de Catorce, San Luis Potosí, México. [Febrero 2007]

Qué estoy haciendo...

Posting tweet...

Powered by Twitter Tools

Mapa de visitas

Mira…

Calendario

octubre 2009
L M X J V S D
« sep   nov »
 1234
567891011
12131415161718
19202122232425
262728293031  

FireStats icon Con la potencia de FireStats