[Ovillo] duda con centrados en CSS
Manuel Razzari
razzari en gmail.com
Mar Jun 13 15:05:13 UTC 2006
rafael.g.lepper escribió:
> Para centrar el contenido verticalmente, tienes que meterlo todo en un div
> con una altura fija, la que sea ( en el ejemplo voy a suponer 500px)
> Le das una distancia de top del 50% y pones un margen negativo de la mitad
> del tamaño del div, porque css alineará el bloque partiendo de la esquina
> superior izda, mas o menos así:
>
> #contenedor {
> margin-top: -250px;
> position: absolute;
> height: 500px;
> top: 50%;
> }
Exacto, con el detalle de que top:50%; no funciona en IE Mac, por lo
que el margin-top negativo te dejaría la página cortada por la mitad.
Lo solucionas con un hack. No quedará centrada en IE Mac, pero al
menos tampoco cortada al medio!
#contenedor {
position: absolute;
height: 500px;
top: 50%;
margin-top: 50px; /* ie mac \*/
margin-top: -250px;/* los otros navegadores - no quitar este comentario */
}
Saludos,
- manuel
Más información sobre la lista de distribución Ovillo