Foros del Web » Creando para Internet » Diseño web »

Mostrar pagina centrada

Estas en el tema de Mostrar pagina centrada en el foro de Diseño web en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 14/10/2008, 18:31
 
Fecha de Ingreso: agosto-2008
Mensajes: 4
Antigüedad: 9 años, 3 meses
Puntos: 0
Mostrar pagina centrada

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
  #2 (permalink)  
Antiguo 15/10/2008, 04:26
Avatar de twisterska  
Fecha de Ingreso: agosto-2008
Mensajes: 51
Antigüedad: 9 años, 4 meses
Puntos: 0
Respuesta: Mostrar pagina centrada

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.
  #3 (permalink)  
Antiguo 15/10/2008, 05:18
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: Mostrar pagina centrada

Cita:
Iniciado por trinado Ver Mensaje
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>
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 17:55.