1. ¡OFERTA! con cupón "DIRVPS": hosting por $0,01 y también VPS Linux y Windows por $0,01 el primer mes por Interserver ← publi
    Descartar aviso
Descartar aviso
Al usar este sitio web, aceptas que nosotros y nuestros socios podamos establecer cookies para fines tales como personalizar el contenido y la publicidad. Más información.

Centrar y Alinear div con listas. Cómo?!

Tema en 'Programación y Diseño Web' iniciado por user99, 15 Oct 2009.

  1. user99

    user99 Usuario activo

    Alguien sabe cómo centrar y alinear div con listas?

    Con este primer código no se me alinea en altura.

    <!--c1--><div class='codetop'>CÓDIGO</div><div class='codemain'><!--ec1--><body>
    <div style="margin: 0 auto; width: 760px; background-color: red">
    &nbsp;&nbsp;<H1>000000000000</H1>

    <div style="heigth: 50px; width: 650px; float: left; background-color: orange;">
    &nbsp;&nbsp;<ul style="list-style: none;">
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<li style="display: inline;">1</li>
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<li style="display: inline;">2</li>
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<li style="display: inline;">3</li>
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<li style="display: inline;">4</li>&nbsp;&nbsp;
    &nbsp;&nbsp;</ul>
    </div>

    <div style="heigth: 50px; margin-left: 650px; width: 110px; background-color: yellow;">
    &nbsp;&nbsp;<ul style="list-style: none;">
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<li style="display: inline;">5</li>
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<li style="display: inline;">6</li>
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<li style="display: inline;">7</li>
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<li style="display: inline;">8</li>&nbsp;&nbsp;
    &nbsp;&nbsp;</ul>
    </div>

    </div>
    </body><!--c2--></div><!--ec2-->

    Con este segundo... no se me alinea, punto.

    <!--c1--><div class='codetop'>CÓDIGO</div><div class='codemain'><!--ec1-->
    <body>
    <div style="margin: 0 auto; width: 760px; background-color: red">
    &nbsp;&nbsp;<H1>000000000000</H1>
    </div>

    <div style="heigth: 50px; width: 650px; float: left; background-color: orange;">
    &nbsp;&nbsp;<ul style="list-style: none;">
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<li style="display: inline;">1</li>
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<li style="display: inline;">2</li>
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<li style="display: inline;">3</li>
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<li style="display: inline;">4</li>&nbsp;&nbsp;
    &nbsp;&nbsp;</ul>
    </div>

    <div style="heigth: 50px; margin-left: 650px; width: 110px; background-color: yellow;">
    &nbsp;&nbsp;<ul style="list-style: none;">
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<li style="display: inline;">5</li>
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<li style="display: inline;">6</li>
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<li style="display: inline;">7</li>
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<li style="display: inline;">8</li>&nbsp;&nbsp;
    &nbsp;&nbsp;</ul>
    </div>

    </body><!--c2--></div><!--ec2-->

    Con el estilo aplicado en ambos códigos al div principal se centra en FF, pero no en IE, para que se me alinee en IE hace falta recurrir a la etiquera <center> en preaviso de desuso por W3C.

    Como alternativa a

    <!--c1--><div class='codetop'>CÓDIGO</div><div class='codemain'><!--ec1-->style="margin: 0 auto;"<!--c2--></div><!--ec2-->

    se puede usar con idéntico resultado al tanto en FF, como en IE, el código:

    <!--c1--><div class='codetop'>CÓDIGO</div><div class='codemain'><!--ec1-->style="margin-left auto; margin-right: auto;"<!--c2--></div><!--ec2-->


    Cualquier ayuda es bienvenida. Muchas gracias.

    Saludos.
     
    user99, 15 Oct 2009
    #1
  2. Anunciante

    Anunciante

     
  3. AZZ

    AZZ Guest

    Prueba con display="inline"
     
    AZZ, 20 Ene 2010
    #2


Alojamiento web, Hosting Reseller, Servidores Dedicados - All in Hosting


    
    
    
    
Blog · Sitios amigos: GuiaHosting · Unidominios · Interalta ·