[Ovillo] Centrar página con ancho dinámico

"Hernán Beati - SaberWeb.com.ar" hernan en saberweb.com.ar
Vie Jul 24 16:45:10 UTC 2009


marcela sluka escribió:
> Gracias a todos! Pero la solución que me dio Hernán es la que me está
> dando mejor resultado al probarlo... Si le quito el position: absolute
> al contenedor, me desarma toda la alineación de capas que tengo...
>

Eso es porque las capas (tus divs con "position:absolute") deben tomar 
como referencia para sus coordenadas algo que no sea "static", y en tu 
caso serviría (como leo que te acaba de decir Martín mientras escribo 
esto) tanto "position:absolute" en el contenedor, como "position:relative".

Volviendo a tu necesidad, se arreglaría también si pusieras:

body{
   text-align: center; /* centra en Explorer */
}


contenedor {
	position: relative; /* sirve de coordenadas para los absolutos que haya 
dentro */
	margin: 0 auto; /* centra en todos menos Explorer */
         width:90%;
         text-align: left; /* para volver el texto a la izquierda */
}


De esa manera también te funcionaría.

Y no creo que una técnica sea "mejor que" la otra, las dos funcionan.

El centrado con "margin:0 auto" sirve para bloques static o relative, y 
el centrado con "márgenes negativos" sirve para bloques absolute. 
Distintas técnicas, para distintos problemas.

Saludos,

--
Hernán Beati
http://www.saberweb.com.ar


Más información sobre la lista de distribución Ovillo