Foros Programación Cliente

Cómo centrar en pantalla un microsite o ventana

7 7 Respuestas Lunes 16 de enero, 2012
Hola.
Necesito saber cómo hacer para que al abrirse una ventana con un microsite, o incluso sólo con una imagen, se abra en el centro de la pantalla.
Me gustaría saber si hay una forma de hacerlo directamente con Dreamweaver o si no cómo se hace.
Gracias.
www.elcerebrodelartista.com www.errede.blogspot.com www.flickr.com/photos/errede www.laformayelfondo.blogspot.com www.dibujanteenlaciudad.wordpress.com
Registrado desde 07/10/08
Número de posts: 1225
  • Avatar de Höher Höher Registrado desde 28/06/07 / Número de posts: 454
    Si quiero centrar un elemento al centro y al centro con CSS utilizo este procedimiento:

    div.contenido {
    /* primero declarar el alto y ancho del contenido */
    height:300px;
    width:800px;

    /* centra el elemento */
    top:50%;
    left:50%;

    /*añade margen negativo al top y left. El margen debe ser la mitad de PX del ancho y la mitad de PX del alto en valor negativo*/
    margin-left: -150px;
    margin-top: -400px;
    }
    Publicado hace 4 meses
  • Avatar de J.S.Lop J.S.Lop Registrado desde 07/09/09 / Número de posts: 1
    Con añadir margin: 0 auto; al elemento que se quiera centrar se consigue centrar el elemento de manera mucho más simple.
    Publicado hace 3 meses
  • Avatar de cucho cucho Registrado desde 04/11/08 / Número de posts: 151
    Realmente no se cómo se hace, pero... creo que lo que pide Errede es centrar una nueva ventana en la pantalla (física), no centrar un nuevo elemento en la ventana, no?
    A ver si aparece alguien que nos ilumine, que yo hace tiempo me lo planteé para un proyecto pero al final la cosa se solucionó por otro camino y me quedé sin investigarlo.

    Publicado hace 3 meses
  • Avatar de Errede Errede Registrado desde 07/10/08 / Número de posts: 1225
    Afectivamente Cucho, eso es lo que quiero, que se abra un microsite o cualquier otro elemento en una ventana que quede en el centro de la pantalla, no centrar un elemento dentro de una web.
    Muchas gracias por la aclaración.
    www.elcerebrodelartista.com www.errede.blogspot.com www.flickr.com/photos/errede www.laformayelfondo.blogspot.com www.dibujanteenlaciudad.wordpress.com
    Publicado hace 3 meses
  • Avatar de Raul Garcia Raul Garcia Registrado desde 31/08/10 / Número de posts: 12
    Aqui te dejo un enlace donde te lo explica con un ejemplo. El autor ha creado una funcion javascript que le pasa todos los parametros que le especifiquemos, a lo mejor para lo que quieres te sobran parametros pero eso ya depende de ti y lo que necesites.
    Lo he probado y funciona perfectamente en firefox 10 e IE8. Espero que sea lo que buscas.

    http://www.mcanam.com/articulos/JavaScript.php?id=20

    Saludos
    Publicado hace 3 meses
  • Avatar de Diego Lorenzo Diego Lorenzo Registrado desde 31/03/09 / Número de posts: 306
    Hola,

    Yo uso este código HTML


    <div style="display: table; height: 100%; width:100%; #position: relative; overflow: hidden; text-align:center;">
    <div style=" #position: absolute; #top: 50%;display: table-cell; vertical-align: middle; text-align:center;">
    <div style=" #position: relative; #top: -50%; text-align:center;">
    LO QUE QUIERAS CENTRAR
    </div>
    </div>
    </div>


    Te vale para centrar lo que quieras, la web entera, una imagen dentro de un div, un texto dentro de un div...., tan solo tienes que ponerlo dentro de los 3 divs encadenados.

    Saludos
    ---------------------------------------------------------------------------------
    Desarrollador web en Rezoloco
    Desarrollador web autónomo FlashDev
    Publicado hace 3 meses
  • Avatar de Errede Errede Registrado desde 07/10/08 / Número de posts: 1225
    Muchas gracias
    www.elcerebrodelartista.com www.errede.blogspot.com www.flickr.com/photos/errede www.laformayelfondo.blogspot.com www.dibujanteenlaciudad.wordpress.com
    Publicado hace 3 meses