Este es un problema con el que se encuentran muchos diseñadores web, más aun si se está diseñando en capas (tableless) y no con tablas. La situación tÃpica es una página con todos los contenidos en el centro de la pantalla, dejando tal vez márgenes a ambos lados.
La solución es incluir todo el contenido en una capa contenedora y aplicarle los siguiente atributos de estilo.
#contenedor {
text-align: left;
width: 960px; /* O la que queramos */
margin: 0 auto;
}
y en el BODY:
body {
text-align: center;
}
Compártelo:
Este es un post relacionado con la adaptación de las hojas de estilo a normas de usabilidad y accesibilidad web.
Existe un atributo en las CSS que no mucha gente conoce o utiliza: media. Este atributo indica a qué tipo de dispositivo se aplica la hoja de estilo en cuestión. Puede ser tan variado como pantalla, impresora, dispositivo braille, pdas o incluso televisión.
La forma de utilizarlo en nuestras páginas HTML es la siguiente:
<link rel=”stylesheet” type=”text/css” href=”estilo.css” media=”screen,print”/>
Es importante remarcar que para aquellos dispositivos que no se especifiquen no se aplica la CSS. Puede parecer una perogrullada, pero asà nos evitamos problemas como ¿porqué si imprimo mi página no me aplica los estilos?.
Más información en este post o en la W3C en el siguiente artÃculo: “Media Types

Compártelo:
Cuál ha sido mi enorme sorpresa cuando esta mañana he encontrado que por fin han actualizado el valor de pagerank público de mis páginas.
No he salido nada mal parado, puesto que Recursos Flash ha obtenido un magnÃfico PR5 y Corpas.es PR4.
Todos mis clientes han obtenido PR4. Algunos ejemplos:
- Salsa Sevilla
- Extramuros FacsÃmiles
- Turismo Rural Sevilla Arroyo Blanco
- Cria Cuervos Colectivo Creativo
…
Revisad vuestras barritas verdes!!!

Compártelo: