Tengo una etiqueta div
con width
establecido en 800 píxeles. Cuando el ancho del navegador es mayor que 800 píxeles, no debería estirar el div
, sino que debería llevarlo al centro de la página.
¿Quieres decir que quieres centrarlo vertical u horizontalmente? Dijiste que habías especificado el height
a 800 píxeles, y querías que el div no se estirara cuando el width
fuera mayor que eso...
Para centrar horizontalmente, puedes utilizar el atributo margin: auto;
en CSS. Además, tendrás que asegurarte de que los elementos body
y html
no tienen ningún margen o relleno:
html, body { margin: 0; padding: 0; }
#centeredDiv { margin-right: auto; margin-left: auto; width: 800px; }
Para que también funcione correctamente en Internet Explorer 6 hay que hacerlo de la siguiente manera:
HTML
<body>
<div class="centered">
centered content
</div>
</body>
CSS
body {
margin: 0;
padding: 0;
text-align: center; /* !!! */
}
.centered {
margin: 0 auto;
text-align: left;
width: 800px;
}