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 capas en Dreamweaver

Tema en 'Programación y Diseño Web' iniciado por canela, 18 Nov 2010.

  1. canela

    canela Nuevo usuario

    Hola a tod@s:

    Estoy haciendo una página web con dreamweaver, y al ponerle capas y tratar de centrarlo todo se me desmonta la página.

    margin:eek: auto------ no funciona.....
    El tema es que si le quito las capas, la página se centra en cualquier pantalla, pero en cuanto añado capas todo se descuadra.....

    Alguna idea? Gracias
     
  2.  
  3. roland68

    roland68 Nuevo usuario

    Prueba con estos parámetros:

    Caja centrada (margen líquido-contenido sólido)

    El truco consiste en posicionar la caja (DivPA Principal) al cincuenta por ciento. El efecto de centrado se consigue dando unos márgenes negativos que sean la mitad del ancho y del alto.

    Código HTML:
    <div id="CentradaLS">... contenido de la caja... </div>

    Código CSS:
    div#CentradaLS { position:absolute; top:50%; left:50%; width:500px; height:300px; margin-left:-250px; margin-top:-150px; }
     
  4. kriss73

    kriss73 Nuevo usuario

    Hola
    Con el margin al 50% tampoco te va a funcionar porque debes compensarlo con la diferencia de anchos y demas cosas.

    Te dejo un metodo mas simple para centrar un sitio completo, o centrar un div.

    1 - creas un contenedor principal (aqui lo llampe "principal") con el ancho que quieras (aqui le puse 800px), y dentro del el pondras todos los demas DIVs.
    2 - Luego centras ese contrenedor principal con margenes AUTO en izquiero y derecho, y listo !

    Aqui el codigo.

    En el HTML:
    <div id="principal"> </div>

    En el CSS:
    #principal {
    width: 800px;
    margin-right: auto;
    margin-left: auto;
    }


    Pruebalo y verás que funciona muy bien en cualquier navegador.

    Si quieres aprender mas de maquetacion HTML y CSS , puedes pasar por mi blog donde explico paso a paso el proceso de maquetacion web y de conversion de Psd a Html.
    El blog es:
    http://psdahtml.wordpress.com

    Saludos y espero q te sirva !!!
     


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


    
    
    
    
Blog · Sitios amigos: GuiaHosting · Unidominios · Interalta ·