Foros del Web » Creando para Internet » HTML »

Centrar una web

Estas en el tema de Centrar una web en el foro de HTML en Foros del Web. Hola a todos tengo un problema, estoy haciendo una web, pero necesito que este centrada en pantallas de todo tamaño y resolucion, esta web esta ...
  #1 (permalink)  
Antiguo 17/06/2009, 11:19
Avatar de shadowwolfone  
Fecha de Ingreso: abril-2009
Ubicación: Amaguaña
Mensajes: 40
Antigüedad: 15 años
Puntos: 1
Información Centrar una web

Hola a todos tengo un problema, estoy haciendo una web, pero necesito que este centrada en pantallas de todo tamaño y resolucion, esta web esta hecha con layers y a su ves puse todos estos yayers dentro de uno el cual es el que quiero centrar, ya esta centrado usando un positon fixed, pero el problema es que se quita el scroll, y no se ve la parte inferior de la pagina, esta es de 996 x 774, en pantallas chicas se hace no se ve la parte inferior, pero al poner este fixed el scroll se pierde, y no se puede mover la pagina, espero alguien me ayude y sepa como solucionar este prblema, aca esta el codigo que use, talves esta algo mal, vi tambien que hay que hacer algo con el doctype pero no entendi nada la verdad, ojala alguien me pueda ayudar y de ante mano gracias por todo, ojala exista alguna solucion, voy a poner las partes que considero son importantes........

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "direcion de w3(no me dejan poner direciones porque aun no tengo 30dias)/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="direcion de w3(no me dejan poner direciones porque aun no tengo 30dias)/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento sin t&iacute;tulo</title>
<style type="text/css">
<!--
#Layer1 {
position:absolute;
left:0px;
top:27px;
width:544px;
height:243px;
z-index:1;
}
'''''aqui hay mas layers y estilos'''''

.centered {
position:fixed;
left: 50%;
margin-left: -498px;
}
''''''este es el codigo que hace que se centre la pagina''''
-->
</style>
<script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
</head>
<body>
<div class="centered">
'''''aqui estan los otros layers que estan dentro del layer principal'''''
</div>
</body>
</html>

Última edición por shadowwolfone; 17/06/2009 a las 13:28
  #2 (permalink)  
Antiguo 17/06/2009, 11:26
Avatar de hades87  
Fecha de Ingreso: diciembre-2007
Ubicación: Barcelona - España
Mensajes: 3.194
Antigüedad: 16 años, 4 meses
Puntos: 68
Respuesta: Centrar una web

a tu layer principal, ponle margin: 0 auto; y con eso se te debería centrar toda la web
__________________
No diseñes usando tablas.
  #3 (permalink)  
Antiguo 17/06/2009, 11:31
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 16 años, 10 meses
Puntos: 539
Respuesta: Centrar una web

Cita:
Iniciado por shadowwolfone Ver Mensaje
.centered {
position:absolute;
left: 50%;
margin-left: -498px;
}
''''''este es el codigo que hace que se centre la pagina''''
-
Pues parece que no. Está rebelde
mira a ver si te sirve de algo esto
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
  #4 (permalink)  
Antiguo 17/06/2009, 13:28
Avatar de shadowwolfone  
Fecha de Ingreso: abril-2009
Ubicación: Amaguaña
Mensajes: 40
Antigüedad: 15 años
Puntos: 1
Respuesta: Centrar una web

perdon pero me equivoque, el el centered no es position absolute, sino fixed,
esto hace que la pagina se centre, pero se pierde el scroll aemas por ejemplo si hago ctrl - y la pagina se hace mas pequeña sigue estando en el medio, eso es lo que quiero hacer, no saben como, porfa ayudenme
gracias

creo que me funciono se centro, aunque no se centre al hacerle la pagina mas pequeña, sino que se quede a la derecha, pero bueno por ahora creo que es suficiente, pero si saben como hacer eso diganme porfa y gracias kseso

Última edición por shadowwolfone; 17/06/2009 a las 13:33
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 14:57.