Foros del Web » Creando para Internet » HTML »

Trabajo con div, problema centrando

Estas en el tema de Trabajo con div, problema centrando en el foro de HTML en Foros del Web. Buenass, estoy diseñando una página web y la estaba haciendo con formato de tablas, leyendo encontré que era mejor trabajar con capas o con div. ...
  #1 (permalink)  
Antiguo 13/02/2011, 20:08
 
Fecha de Ingreso: julio-2010
Mensajes: 17
Antigüedad: 7 años, 4 meses
Puntos: 0
Pregunta Trabajo con div, problema centrando

Buenass, estoy diseñando una página web y la estaba haciendo con formato de tablas, leyendo encontré que era mejor trabajar con capas o con div. Comencé a realizar mi página web pero me doy cuenta que no me queda centrada la página. Es decir, utilizo un div para el título de 1000px * 100 px, bueno, a la hora de ver la página de prueba me queda centrado pero respecto al div que creé y cuando expando la pantalla no me queda centrado.
¿Qué debo hacer para que el título y toda la página quede centrada??

Estoy usando el Dreamwaver
  #2 (permalink)  
Antiguo 14/02/2011, 03:27
Avatar de richicasas  
Fecha de Ingreso: abril-2007
Ubicación: Colombia
Mensajes: 692
Antigüedad: 10 años, 8 meses
Puntos: 13
Busqueda Respuesta: Trabajo con div, problema centrando

Eso se hace con css, en el div contenedor de la pagina le pones esta propiedad en el css del dichoso div contenedor:
Código CSS:
Ver original
  1. margin:auto;
__________________
Juguetes Sexuales
  #3 (permalink)  
Antiguo 07/04/2011, 14:36
Avatar de sergio87  
Fecha de Ingreso: octubre-2007
Ubicación: Buenos Aires
Mensajes: 323
Antigüedad: 10 años, 1 mes
Puntos: 8
Respuesta: Trabajo con div, problema centrando

Agregando a lo que el colega puso, casi siempre conviene agregarle un width junto con el margin para que no se corra el contenido por separado, colacas un solo width al contenedor y queda bien centrado todo.

Código CSS:
Ver original
  1. #contenedor{
  2. width: 900px;
  3. margin:auto;
  4. }

Suerte!
  #4 (permalink)  
Antiguo 07/04/2011, 15:11
 
Fecha de Ingreso: marzo-2011
Mensajes: 184
Antigüedad: 6 años, 8 meses
Puntos: 11
Respuesta: Trabajo con div, problema centrando

Bueno, yo más bien le pongo "margin: 0 auto" en el contenedor y con eso queda centrado.

Saludos!

__________________
“Un estómago vacío, es un mal consejero.” Albert Einstein

Reflexiones, humor gráfico, chistes, Deporte, Consejos y tips
  #5 (permalink)  
Antiguo 07/04/2011, 18:41
 
Fecha de Ingreso: febrero-2011
Mensajes: 54
Antigüedad: 6 años, 9 meses
Puntos: 13
Respuesta: Trabajo con div, problema centrando

Cita:
Iniciado por GatoGordo Ver Mensaje
Bueno, yo más bien le pongo "margin: 0 auto" en el contenedor y con eso queda centrado.

Saludos!

Correcto, pero conviene matizar que el documento debe llevar doctype y definido el ancho del div.
  #6 (permalink)  
Antiguo 08/04/2011, 05:10
 
Fecha de Ingreso: abril-2011
Mensajes: 12
Antigüedad: 6 años, 8 meses
Puntos: 1
Respuesta: Trabajo con div, problema centrando

Cita:
Iniciado por conexion Ver Mensaje
Correcto, pero conviene matizar que el documento debe llevar doctype y definido el ancho del div.
Estoy de acuerdo con el hecho de documentar bien el doctype, pero yo he trabajado con divs container y, aplicando sólo margin: 0 auto; y aún así he conseguido resultados.

Eso sí, he definido los anchos en los siguientes divs (el referente al nav y los demás divs con contenido).

Etiquetas: diseño, etiquetas
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 20:07.