Centrar horizontal y verticalmente con CSS
Esta tarde andaba buscando en Internet algo de CSS que me estaba comiendo la cabeza. Acabé en Tierra de Nómadas y encontré un artículo-taller muy interesante en el que una parte comentaba varias formas de centrar horizontal y verticalmente. Lo que me sorprendió gratamente es que bastaba con una línea de HTML y una línea de CSS.
Caja Centrada 1
HTML
<div id="CentradaLL">... contenido de la caja... </div>
CSS
div#CentradaLL { position:absolute; top:10%; left:10%; width:80%; height:80%; }
Caja Centrada 2
HTML
<div id="CentradaLS">... contenido de la caja... </div>
CSS
div#CentradaLS { position:absolute; top:50%; left:50%; width:500px; height:300px; margin-left:-250px; margin-top:-150px; }
Tengo el mismo problema que tu tienes pero no me convence la solución pues la misma da una capa o división, una etiqueta de tamaño variable y no fijo. Supongamos que tengo una pantalla de 1043 px de ancho y quiero que la mida 740px pero que además me salga centrada. Con tu propuesta, sale centrada pero no sabríamos cuánto mide esa capa.
En cualquier caso te agradezco el esfuerzo.
Un saludo.