Regresar a la página www.ComoCrearTuWeb.com
Resultados 1 al 5 de 5

Tema: Centrar DIVs

  1. #1
    Recien Llegado! Habitante
    Fecha de Ingreso
    09 feb, 07
    Mensajes
    16
    Poder de Reputación
    19

    Centrar DIVs

    Hola a todos. He aprendido bastante con el curso de jorgens partiendo de que hace un mes no tenía ni idea.

    Me estoy montando una página web y me he atascado en un punto. La estoy creando con DIVs y quiero que con un ancho de 800px quede centrada en el monitor. Según he entendido en el curso de jorgens, basta con añadir TEXT-ALIGN: center en la hoja de estilo de BODY, pero lo único que me centra es el texto de la página. ¿Me podéis echar una mano?

    Un saludo

  2. #2
    Esto empieza a ser un vicio... Habitante
    Fecha de Ingreso
    30 nov, 05
    Mensajes
    884
    Poder de Reputación
    0
    te tiene que funcionar, al decirle text-align:center en el BODY, te centra textos, tablas y lo que le heches al body.

    Código:
    <html>
    <head>
    <style>
    body {
    text-align:center;
    margin:12px auto 12px auto;}
    
    #contenedor {
    width:500px;
    height:auto;
    margin:auto;
    background-color:pink;
    text-align:left; }
    
    
    </style>
    </head>
    
    
    <body>
    <div id=contenedor>hola amigos bla bla bla </div>
    </body>
    </html>

  3. #3
    Recien Llegado! Habitante
    Fecha de Ingreso
    09 feb, 07
    Mensajes
    16
    Poder de Reputación
    19
    Pues llevo más de una semana con el tema y ya no sé que hacer. Mi hoja de estilos es algo así:

    Código:
    body {
    background-color: #999999;
    text-align: center;
    }
    
    #fondo {
    background-color: white;
    background-position: center;
    width: 800px;
    padding: 4px 4px 4px 4px;
    text-align: center,
    }
    
    #logo {
    background-color: #99FFFF;
    width: 798px;
    _width: 796px;
    margin: 0px 0px 2px 0px;
    border: black 1px solid;
    }
    
    #menu {
    background-color: #99FF99;
    width: 100;
    _width: 98px;
    margin: 2px 2px 2px 0px;
    border: black 1px solid;
    float: left;
    }
    
    #texto {
    background-color: #CCCCCC;
    width: 692px;
    _width: 694px;
    margin: 2px 0px 4px 2px;
    border: black 1px solid;
    float: right;
    }
    
    #pie {
    background-color: #99FFFF;
    width: 798px;
    _width: 796px;
    margin: 0px 0px 0px 0px;
    border: black 1px solid;
    clear: right;
    }
    Y solo consigo que me centre los textos. No lo entiendo.

    Gracias

    PS: Lo de la doble línea con los comandos es para que se vea igualmente sin problemas en explorer y en firefox.

  4. #4
    Esto empieza a ser un vicio... Habitante
    Fecha de Ingreso
    30 nov, 05
    Mensajes
    884
    Poder de Reputación
    0
    Prueba a colocarle un: "margin:auto;" al div "#fondo".

  5. #5
    Recien Llegado! Habitante
    Fecha de Ingreso
    09 feb, 07
    Mensajes
    16
    Poder de Reputación
    19
    ¡Ha funcionado!

    Muchas gracias

Temas Similares

  1. Problema al centrar 3 DIVS en una tabla
    Por itachija en el foro Foro General
    Respuestas: 3
    Último Mensaje: 10/01/2011, 00:46
  2. Centrar divs
    Por francovp en el foro Foro General
    Respuestas: 3
    Último Mensaje: 03/01/2008, 00:40

Permisos de Publicación

  • No puedes crear nuevos temas
  • No puedes responder temas
  • No puedes subir archivos adjuntos
  • No puedes editar tus mensajes
  •