Foros del Web » Creando para Internet » CSS »

Centrar un página fija

Estas en el tema de Centrar un página fija en el foro de CSS en Foros del Web. Hace tiempo que tengo un problema y no encuentro la solución indicada. Quiero hacer un sitio ubicando las capas con CSS como "absolute" y dejandolas ...
  #1 (permalink)  
Antiguo 22/11/2005, 21:17
 
Fecha de Ingreso: noviembre-2005
Mensajes: 112
Antigüedad: 12 años, 1 mes
Puntos: 2
Centrar un página fija

Hace tiempo que tengo un problema y no encuentro la solución indicada. Quiero hacer un sitio ubicando las capas con CSS como "absolute" y dejandolas fijas, pero a su vez quiero que se vea centrado, para hacerlo en formato 800x600 y que quienes lo vean en 1024x768 también lo vean en el medio de la pantalla del navegador. Lo único que se me ocurre hasta ahora es hacer dos hojas de estilo, una para 800x600 y otra para 1025x768. ¿Alguna solución mejor?
__________________
PuertaX.Net
  #2 (permalink)  
Antiguo 22/11/2005, 21:34
Avatar de webosiris
Moderador egiptólogo
 
Fecha de Ingreso: febrero-2002
Ubicación: Luxor, Egipto
Mensajes: 10.727
Antigüedad: 15 años, 9 meses
Puntos: 997
POSICIONAMIENTO ABSOLUTO
capas líquidas
.capa{position:absolute;
width:80%;
left:10%;} /*(100-width)/2 */

capas fijas
mmm, no se
[edito]baccxus da la respuesta en el mensaje siguiente[/edito]


POSICIONAMIENTO RELATIVO
capas líquidas
.capa{position:relative;
width:80%;
margin:0 auto;}

capas fijas
.capa{position:relative;
width:760px;
margin:0 auto;}
__________________
Pasamos tus PSD a HTML

Pobre del que lo sabe todo, porque no tiene nada más que aprender ni razón para vivir. -

Última edición por webosiris; 22/11/2005 a las 21:55
  #3 (permalink)  
Antiguo 22/11/2005, 21:50
Avatar de baccxus  
Fecha de Ingreso: mayo-2005
Ubicación: Panama city, Panama, Panama
Mensajes: 870
Antigüedad: 12 años, 6 meses
Puntos: 17
Hay una forma de centrar tanto vertical como horizontalmente una web fija:
Si por ejemplo es de 760 de ancho x 420 de alto:

#contenedor {
position: absolute;
width: 760px;
heigth: 420px;
top: 50%;
left: 50%;
margin-top: -210px; /*la mitad de alto del contenedor*/
margin-left: -380px;/*la mitad de ancho del contenedor*/
}

Se debe usar con una dtd que valide la página y funciona tanto en estricto como en transicional.

Saludos
__________________
Al final del día hablar es gratis, codificar no lo es
  #4 (permalink)  
Antiguo 28/11/2005, 02:34
 
Fecha de Ingreso: noviembre-2005
Mensajes: 112
Antigüedad: 12 años, 1 mes
Puntos: 2
Gracias

Gracias, funcionó a la perfección esa solución
__________________
PuertaX.Net
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:03.