Mostrar pagina centrada

trinado · #1 (**permalink**) 14/10/2008, 17:31

hOLA a TODOS:

actualmente he visto que las paginas son desplegadas al centro del navegador, es decir existen espacios tanto a la derecha y a la izquierda de la pantalla. Mi pregunta es como puedo lograr este efecto sin que tambien no haya problema por la resolucion de pantalla.

Agradezco de antemano su atención

twisterska · #2 (**permalink**) 15/10/2008, 03:26

hay dos formas de hacerlo, con tablas y con divs + css, yo te recomiendo divs aunque al principio sean un poco mas liosos.

te pongo un ejemplo

Código HTML:

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<style type="text/css">
#contentenedor {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
}
</style>
</head>
<body>
<div id="contenedor">Holaaaaaa</div>
</body>
</html>

el margin-right y margin-left son los que centran el div en la pantalla, y el width el que te da el ancho.

kseso? · #3 (**permalink**) 15/10/2008, 04:18

Cita:

Iniciado por trinado

hOLA a TODOS:

actualmente he visto que las paginas son desplegadas al centro del navegador, es decir existen espacios tanto a la derecha y a la izquierda de la pantalla. Mi pregunta es como puedo lograr este efecto sin que tambien no haya problema por la resolucion de pantalla.

Agradezco de antemano su atención

Diseño líquido.
En el ejemplo que te pone Twisterska:

Cita:

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<style type="text/css">
#contentenedor {
width: 80%;
margin: 0 auto;
}
</style>
</head>
<body>
<div id="contenedor">Holaaaaaa, yo soy un contenedor o div que voy a
dejar el mismo espacio a mi izquierda y a mi derecha<br />
Si minimizas la ventana me verás menguar. ;:)
</div>
</body>
</html>