Foros del Web » Creando para Internet » CSS »

Redimensionar y centrar

Estas en el tema de Redimensionar y centrar en el foro de CSS en Foros del Web. He diseñado una página con capas y necesito poder centrarlas de manera que cuando una persona entre con resolución de pantalla a 800x600 la vea ...
  #1 (permalink)  
Antiguo 21/04/2005, 18:45
 
Fecha de Ingreso: abril-2005
Mensajes: 2
Antigüedad: 12 años, 7 meses
Puntos: 0
Redimensionar y centrar

He diseñado una página con capas y necesito poder centrarlas de manera que cuando una persona entre con resolución de pantalla a 800x600 la vea centrada pero también el resto de personas con otras resoluciones disntintas. No se que etiqueta usar o si debo empezar de nuevo de una manera más sencilla. He oído hablar de diseñar todo desde el principio con una "capa padre" y luego centrar esa capa o si no diseñar la página de "manera líquida"

Gracias de antemano
  #2 (permalink)  
Antiguo 21/04/2005, 22:58
(Desactivado)
 
Fecha de Ingreso: febrero-2005
Ubicación: Azcapotzalco
Mensajes: 299
Antigüedad: 12 años, 10 meses
Puntos: 2
asi empiezo yo siempre mis paginas

Código:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<style>

#principal{
	position : relative ;
	margin : auto ;
	width : 770px ;
}
</style>
</head>
<body>

<div id="principal">


</div>

</body>
</html>
el doctype es importante, sin el no funciona en explorer y otros atributos suelen variar entre navegadores

la capa principal siempre va a quedar centrada, dentro ya puedes poner lo que quieras, el ancho(width) lo eliges a tu gusto

Última edición por xp64; 21/04/2005 a las 23:13
  #3 (permalink)  
Antiguo 22/04/2005, 10:21
 
Fecha de Ingreso: abril-2005
Mensajes: 2
Antigüedad: 12 años, 7 meses
Puntos: 0
mil gracias, me has resuelto un problemón con una respuesta muy eficaz
  #4 (permalink)  
Antiguo 25/04/2005, 05:54
 
Fecha de Ingreso: abril-2005
Ubicación: Cádiz
Mensajes: 4
Antigüedad: 12 años, 7 meses
Puntos: 0
Yo para centrar las capas suelo crear una que englobe todo el template, quedaría así:

Código HTML:
#Body {
    text-align:center; /* Esto haría ecntrarse la capa */
    background-position: center;
    margin:auto;
    position:relative;
}

#tabla-principal {
   text-align:left; /* Esta capa sería la contenedora de toooooda la web, y el align left haría que el texto se alinease como lo teníamos antes de centrarla, la web quedaría centrada y el texto alineado */
}
Así lo hago yo y funciona...
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 09:04.