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

centrado de pagina web

Estas en el tema de centrado de pagina web en el foro de Diseño web en Foros del Web. buenas estoy haciendo una web adjunto varios archivos del index. Mi problema que cuando voy probando en resoluciones mas pequeñas no me la centra si ...
  #1 (permalink)  
Antiguo 16/06/2011, 09:05
 
Fecha de Ingreso: junio-2006
Mensajes: 6
Antigüedad: 18 años, 5 meses
Puntos: 0
centrado de pagina web

buenas estoy haciendo una web adjunto varios archivos del index. Mi problema que cuando voy probando en resoluciones mas pequeñas no me la centra si alguno me puede ayudar lo agradezco de ante mano
[URL="http://www.megaupload.com/?d=AUSCBF70"]http://www.megaupload.com/?d=AUSCBF70[/URL]
  #2 (permalink)  
Antiguo 16/06/2011, 10:07
Avatar de victorsanchez_906  
Fecha de Ingreso: enero-2011
Mensajes: 40
Antigüedad: 13 años, 10 meses
Puntos: 0
Respuesta: centrado de pagina web

seria mejor que pusieras el codigo directamente aqui.

sin ver codigo una forma de centrar es con css con el atributo margin.
  #3 (permalink)  
Antiguo 16/06/2011, 10:52
Avatar de ArturoGallegos
Moderador
 
Fecha de Ingreso: febrero-2008
Ubicación: Morelia, México
Mensajes: 6.774
Antigüedad: 16 años, 9 meses
Puntos: 1146
Respuesta: centrado de pagina web

amigo @ZARIYOS eso de colocar en megaupload no es nada bueno la mayoría de los usuarios pasaran por alto su tema... para la próxima coloque un link a sus sitio o coloque su código aquí html + css

pero bueno no se preocupe que hoy ando de ocioso y me tome la molestia de descargar sus archivos...

su problema radica aquí
Código HTML:
Ver original
  1. <div id="Layer2" style="position:absolute; width:643px; height:102px; z-index:2; left: 475px; top: 14px;">

ve usted que falta y que sobra?

-> para centrar contenidos se usa margin:auto... le dejo de tarea que lo estudie a fondo...

nota: me ha dado la impresión usa dreamweaver en modo de diseño... le recomiendo que se deshaga de esa basura de editor (opinion personal) y empiece a trabajar solo con código
  #4 (permalink)  
Antiguo 16/06/2011, 11:04
 
Fecha de Ingreso: noviembre-2010
Mensajes: 1.242
Antigüedad: 14 años
Puntos: 73
Respuesta: centrado de pagina web

Puedes optar con algo fácil pero poco profesional, todo a una tabla y esa tabla centrada. Todo tu contenido estará centrado...
  #5 (permalink)  
Antiguo 16/06/2011, 12:46
Avatar de ArturoGallegos
Moderador
 
Fecha de Ingreso: febrero-2008
Ubicación: Morelia, México
Mensajes: 6.774
Antigüedad: 16 años, 9 meses
Puntos: 1146
Respuesta: centrado de pagina web

Cita:
gracias ag666 por tu ayuda pero uso el dreamweaver por que no se nada en codigo pero creo que empezare ejej.
llevo 5 dias mirando y todos usan en css pero no tengo ni idea el codigo que tu me has dado lo meto en el html verdad o tengo que crear en css???
muchas gracias
ok entiendo tu punto y suele pasar cuando se empieza, ahora bien te recomiendo leas los 3 libros de la parte inferior de esta pagina (html y css)
-> clic aquí

ahora bien te explico tu problema...

tu estas indicando con css posición absoluta y le estas diciendo que siempre se mantenga a una distancia determinada del lado izquierdo y superior, esto con referencia al navegador

Cita:
style="position:absolute; width:643px; height:102px; z-index:2; left: 475px; top: 14px;"
si deseas que se centre tienes 2 opciones, yo te recomendaría quitar el position absolute y en su lugar usar relative, de esta forma puedes usar margin:auto para centrar

Cita:
<div id="Layer2" style="position:relative; width:643px; height:102px; z-index:2;margin:14px auto 0;">
la segunda opción (no te la recomiendo) es con position absolute, le asignas left:50% y luego con margin-left le restas la mitad del ancho de tu contenedor

Cita:
<div id="Layer2" style="position:absolute; width:643px; height:102px; z-index:2; left: 50%; top: 14px;margin-left:-321px;">
si decides utilizar este segundo método, después de aplicar los cambios observa tu sitio con la ventana del navegador en un tamaño inferior a los 500px y veras porque no te lo recomiendo

------------------------------------------------------------------------
Nota: compañero @ZARIYOS he colocado el contenido de su MP ya que toda ayuda se proporciona atravez del foro, no se responden dudas con mensajes privados... de esta forma garantizamos que las respuestas puedan servirle a mas de un usuario

Última edición por ArturoGallegos; 16/06/2011 a las 12:58
  #6 (permalink)  
Antiguo 18/06/2011, 09:39
 
Fecha de Ingreso: junio-2006
Mensajes: 6
Antigüedad: 18 años, 5 meses
Puntos: 0
Respuesta: centrado de pagina web

gracias ag666 por tu respuesta. me he leido el libroprimero de css te hice caso. y he podido hacer algo. Mira te comento lo que quiero hacer en lo que te descargastes en la imagen central en la zona clara de arriba a la derecha quiero poner una capa para el menu a la izq. en la zona clada donde pone novedades otra capa justo debajo en la otra zona clara otra capa y en el centro la otra zona transparente otra consigo poner el del menu y uno de la izquierda. Si te pudiera pedir un favor ¿tu me lo harias? te lo agradeceria mucho

Etiquetas: centrar
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 23:11.