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

Centrado con CSS falla

Estas en el tema de Centrado con CSS falla en el foro de Diseño web en Foros del Web. Hola. Quiero que la p´´agina que estoy haciendo se quede centrada de ancho, tanto en 1280 x 1024 como en 1024 x 768. Para ello ...
  #1 (permalink)  
Antiguo 06/10/2009, 14:02
 
Fecha de Ingreso: marzo-2009
Ubicación: Elda - Alicante
Mensajes: 55
Antigüedad: 8 años, 9 meses
Puntos: 0
Centrado con CSS falla

Hola.

Quiero que la p´´agina que estoy haciendo se quede centrada de ancho, tanto en 1280 x 1024 como en 1024 x 768. Para ello me voy a CSS e intento hacerlo desde alli.
La verdad es que no controlo aun como hacerlo con CSS y cuando cambio de resolucion sigue estando descentrada.

Me podeis echar un cable y decirme que valores modificar, cuales poner en auto, como deben ir los margenes izq y dch, border, align y cualquier otro parametro que necesite modificar para que la dichosa pagina se quede centrada?

Gracias y un saludo.

(Perdon por escribir sin acentos, me salen duplicados )
  #2 (permalink)  
Antiguo 06/10/2009, 14:16
Avatar de kaninox  
Fecha de Ingreso: septiembre-2005
Ubicación: In my House
Mensajes: 3.591
Antigüedad: 12 años, 2 meses
Puntos: 49
Respuesta: Centrado con CSS falla

haber primero debes crearte un contenedor ya sea de los px que quieras en ancho 1024 etc...
o bien porcentual 80%...
para que quede centrado solo deberías agregar margin:auto;
dentro de ese contenedor vas agregando las demás capas, no entiendo el punto de margenes izquierda derecha, bueno cualquier duda comentas saludos
__________________
Gokuh Salvo al mundo. PUNTO!!!!
  #3 (permalink)  
Antiguo 06/10/2009, 14:22
Avatar de Triby
Mod on free time
 
Fecha de Ingreso: agosto-2008
Ubicación: $MX->Gto['León'];
Mensajes: 9.741
Antigüedad: 9 años, 4 meses
Puntos: 2113
Respuesta: Centrado con CSS falla

Formatos posibles de margin, voy a usar solo medidas en px o auto para los ejemplos.

Margen igual a los 4 lados de la caja:
margin:10px;

Margen igual arriba-abajo (primer parametro) derecha-izquierda (segundo parametro)
margin: 5px 10px;
margin: 10px auto; /* Este es el que hace que el contenedor quede centrado */

Margen especifico para los 4 lados (formato: arriba derecha abajo izquierda):
margin:20px 5px 15px 10px;
margin: 5px auto 10px auto; /* Con este quedara centrado */
__________________
- León, Guanajuato
- GV-Foto
  #4 (permalink)  
Antiguo 06/10/2009, 14:32
 
Fecha de Ingreso: marzo-2009
Ubicación: Elda - Alicante
Mensajes: 55
Antigüedad: 8 años, 9 meses
Puntos: 0
Respuesta: Centrado con CSS falla

Hola kaninox!, gracias por contestar.

No debe de ser tan facil, ya que no me sale solo con margin:auto;
Evidentemente creo un div contenedor del tamaño que necesito donde coloco toda mi pagina.

Lo hago de lasiguiente manera:
  1. Creo lapagina en photoshop, con sus sectores
  2. La exporto a xhtml con imagenes
  3. Edito el html en Dreamweaver (por defecto tablas)
  4. Convierto tablas en divs y paso el codigo de toda mi pagina a otro documento vacio (solo con un div contenedor donde lo pego todo)
Pues bien, quiero centrar ese div contenedor como he comentado antes y creo que solo con margin auto no sale..

Alguna cosa mas?
Estare por aqui haciendo pruebas.
PD: por cierto, hoy fallan las busquedas del foro (ouch)

Saludos.
  #5 (permalink)  
Antiguo 06/10/2009, 14:40
 
Fecha de Ingreso: marzo-2009
Ubicación: Elda - Alicante
Mensajes: 55
Antigüedad: 8 años, 9 meses
Puntos: 0
Respuesta: Centrado con CSS falla

Hola triby!

Buena respuesta!
probare lo que dices,
ya comentare si sale bien.

Saludos!!
  #6 (permalink)  
Antiguo 06/10/2009, 14:46
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: Centrado con CSS falla

Cómo centrar página sólo en forosdelweb. (nunca creí que fuesen tantos temas

Resumiendo los requisitos para centrar en la horizontal:
Que la caja tenga definida una anchura, y esta sea menor que la anchura de su contenedora.
Que la caja esté posicionada (position: relativa/static) bien de forma explícita o por herencia.
Aplicar el valor de "auto" a los márgenes laterales
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++

Última edición por kseso?; 09/10/2009 a las 15:19
  #7 (permalink)  
Antiguo 06/10/2009, 15:04
Avatar de Triby
Mod on free time
 
Fecha de Ingreso: agosto-2008
Ubicación: $MX->Gto['León'];
Mensajes: 9.741
Antigüedad: 9 años, 4 meses
Puntos: 2113
Respuesta: Centrado con CSS falla

Ups, cierto, Dn. kseso?, se me paso por alto el detalle del ancho de la caja.
__________________
- León, Guanajuato
- GV-Foto
  #8 (permalink)  
Antiguo 06/10/2009, 15:11
Avatar de loncho_rojas
Colaborador
 
Fecha de Ingreso: octubre-2008
Ubicación: En el mejor lugar del mundo
Mensajes: 2.704
Antigüedad: 9 años, 1 mes
Puntos: 175
Respuesta: Centrado con CSS falla

Código HTML:
<div align="center">

<div id="contenedor">

<div id="cabecera"></div>
<div id="menu"></div>
<div id="contenidos"></div>
<div id="pie"></div>


</div>


</div> 
__________________
Ayudo con lo que puedo en el foro, y solo en el foro.. NO MENSAJES PRIVADOS.. NO EMAILS NI SKYPE u OTROS.

Antes de hacer un TOPICO piensa si puedes hallarlo en Google o en el Buscador del Foro...
  #9 (permalink)  
Antiguo 06/10/2009, 15:41
Avatar de Triby
Mod on free time
 
Fecha de Ingreso: agosto-2008
Ubicación: $MX->Gto['León'];
Mensajes: 9.741
Antigüedad: 9 años, 4 meses
Puntos: 2113
Respuesta: Centrado con CSS falla

loncho_rojas el atributo align="center" esta bien cuando no estas usando una DTD (Declaracion de Tipo de Documento) y/o no te preocupa mucho el tema de seguir los estandares y que no todos los navegadores lo interpretaran de la misma manera.

Mas info en: http://www.w3.org/TR/html4/present/graphics.html
__________________
- León, Guanajuato
- GV-Foto
  #10 (permalink)  
Antiguo 06/10/2009, 16:26
 
Fecha de Ingreso: marzo-2009
Ubicación: Elda - Alicante
Mensajes: 55
Antigüedad: 8 años, 9 meses
Puntos: 0
Respuesta: Centrado con CSS falla

Hola.
Ya se por que no conseguia el autocentrado.

El valor de position debia ser relativo y no absoluto, ya que la posicion absoluta la he definido ajustando la pagina a la izq (osea cero) y mandaba sobre la relativa.
Pensaba que para conseguir el centrado tendria que modificar bastantes parametros ya que no lo conseguia, pero con esto ha bastado.

Gracias por los aportes!!
Saludos!!
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 15:02.