Quiero que mi página para estar siempre centrado en el navegador sin que afecte al contenido( como alinear texto: center;). Quiero centrar mi envoltura-div.. ¿Cómo puedo hacer esto?

Simplificado página existente:

<div id="wrapper">       
    <div id="header">
        Music Heaven
    </div>
    <div id="topmeny">             
    </div>
    <div id="menu">        
    </div>        
    <div id="content">                  
    </div>           
    <div id="bottom">
        SiteAdmin
    </div>
</div>

Todo el violín: http://jsfiddle.net/EndQb/

OriginalEl autor Omar | 2012-01-02

3 Comentarios

  1. 20
     #wrapper {
         width: ...
         margin: 0 auto;
     }

    no hay necesidad de establecer text-align

    En realidad, hay una necesidad: es la única manera de conseguir que esto funcione en IE. A continuación, debe alinear a la izquierda el texto en los elementos contenidos dentro de la envoltura.
    Esto era cierto hasta que IE6. En IE7+ text-align ya no necesita. consulte jsfiddle.net/7zkZS
    Oh a la derecha. Yo estaba bajo la impresión de que era necesario para IE8 incluso. Gracias por decirme lo contrario 🙂
    ¿Por qué no puedo agregar esto a la body etiqueta?

    OriginalEl autor fcalderan

  2. 2

    Conjunto de su estilo algo como el contenedor div.

    #wrapper {
    
    width: 841px;
    margin: 0 auto;

    }

    De esta manera el contenedor div siempre va a estar centrado de acuerdo a su ancho de pantalla. Espero te sirva de ayuda.

    OriginalEl autor samir chauhan

  3. 1

    puede establecer la propiedad de margen para el contenedor div como la siguiente en CSS

    #wrapper { margin:20px auto } 

    OriginalEl autor Pankaj Upadhyay

Dejar respuesta

Please enter your comment!
Please enter your name here