Vuelvo. Siento la parada, pero mi vida es un caos…
Y vuelvo con ganas de analizar algunas páginas para comprobar cual es la estrategia de centrado de los divs en el Body. Esto viene a raíz de una conversación con Elsa Palacios. Hace poco en un curso nos dijeron que la forma de centrar los divs era creando un div contenedor y darle lo típico de:
#contenedor { margin: 0 auto 0 auto; width:48em; }
Sin embargo, yo cuando hice el diseño para Portal Mayores, utilicé la opción de darle al “body” tamaño y un text-alaign: center:
body { text-align:center; width: 48em; }
Sin embargo, en mi portal de poesía tengo todavía el 100%. Así que voy a hacer una “ronda informativa” de portales para ver qué se cuece en sus css. Sólo pondré clases que den información al respecto:
Últimos premios TAW
- Ministerio de fomento <http://www.fomento.es>
.capaContenidos {font-size:1em; padding: 0; margin: 0; width: 48.75em; overflow: hidden;
background-color:#ffffff; background-image:none;border:none;}
Y no encuentro cómo lo centra… - Ministerio de cultura <http://www.mcu.es/>
body#body{ width: 48em; margin: 0 auto; text-align: center; } - Munimadrid <http://www.munimadrid.es>
#contenido {width: 48.45em; margin: auto; text-align: left} - Caffeto KAldi <http://www.cafettokaldi.com/>
#outer_container{ border: 4px solid #fff; margin: 0 auto; width: 770px;}
Y otros Sitios Web
- Tawdis <http://www.tawdis.net>
#contenedor { width: 96%; left: 50%; margin-left: -48%; position: relative; border-left:1px #AAA solid; border-right:1px #AAA solid; background-color: #FFF; } - AENOR <http://www.accesible.aenor.es/>
#contenedorcuerpo { width:96%;border:0;margin:12px 2%;}.dimensioncuerpo { max-width:840px; min-height:98% !important; height:auto !important;
height:98%; margin:0 auto; padding:7px 8px; border:1px solid #9F9D9E; background:#fff; text-align:left;} - El País <http://ww.elpais.es>
.zona_superior {width:993px; margin:0px auto; border:1px solid #C7CFD2; border-bottom:0px;} - Público <http://publico.es>
body{ text-align: center; width: 994px; padding: 0px; margin: auto; border:1px solid #999999;} - El Mundo <http://www.elmundo.es>
#contenedor { width: 990px;} body { margin: 0;} - Google, Inteco, W3C, Sidar, Ceapat, INE, wikipedia, usan el 100%
Por ahora ahí está. A ver si mañana puedo meter alguno más.
