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

Tema: como centrar un iframe??

  1. #1
    Recien Llegado! Merodeador
    Fecha de Ingreso
    21 jun, 11
    Mensajes
    8
    Poder de Reputación
    0

    como centrar un iframe??

    Hola, hice una pagina en wix.com y para poder usar un dominio.com.ar use un iframe para meter la pagina dentro de otra.
    en 1024x768 se ve bien pero en 1240x1024 se veia arriba y a la izquierda, buscando en google encontre que con <div style="text-align:center;"> se centra horizontalmente pero sigue quedando arriba
    alguien me puede decir como hacer para centrar verticalmente?
    desde ya muchas gracias

    dejo el iframe como lo tengo
    <body>
    <div style="text-align:center;">
    </body><iframe src="http://www.wix.com/evergreen_472/mackina" width="980" height="660" marginwidth="0" marginheight="0" frameborder="0" scrolling="no"></iframe>
    </html>

  2. #2
    Esto empieza a ser un vicio... Habitante Avatar de olukarak
    Fecha de Ingreso
    28 jul, 10
    Ubicación
    Marte
    Mensajes
    1,790
    Poder de Reputación
    24
    Ese codigo esta tremendamente mal. Fijate en la diferencia porque quedaria asi:
    Código:
    <html>
    <head>
    <title>Ponle un titulo!</title>
    </head>
    <body>
    <div style="text-align:center;">
    <iframe src="http://www.wix.com/evergreen_472/mackina" width="980" height="660" marginwidth="0" marginheight="0" frameborder="0" scrolling="no"></iframe>
    </div>
    </body>
    </html>
    Tutorial de CSS3: http://www.comocreartuweb.com/consul...el-19-09-10%29

    Se borrarán los mensajes cuyo título no explique la duda: http://www.comocreartuweb.com/consul...titulo-la-duda!!

    Cómo preguntar en CCTW: http://www.comocreartuweb.com/consul...guntar-en-CCTW

  3. #3
    Recien Llegado! Merodeador
    Fecha de Ingreso
    21 jun, 11
    Mensajes
    8
    Poder de Reputación
    0
    hola olukarak, gracias pero queda igual de esa manera, lo de tremendamente mal es por que falta <html><head><title>Ponle un titulo!</title></head><body>?? eso lo tengo puesto, pero copie solo el frame aca. la pagina se ve bien, pero arriba
    Última edición por Max_Power; 27/06/2011 a las 09:24

  4. #4
    Esto empieza a ser un vicio... Habitante Avatar de olukarak
    Fecha de Ingreso
    28 jul, 10
    Ubicación
    Marte
    Mensajes
    1,790
    Poder de Reputación
    24
    Lo que esta tremendamente mal es que cierres las etiquetas donde no toca o no cierres simplemente, fijate en el detalle.
    La primera direccion se me ve mal porque no corregiste el codigo, la segunda se me ve perfecta. Tengo un notebook con su pantalla de notebook y otra grande y probando en las dos la segunda es la que esta mejor tanto en codigo como en lo que se ve.
    Tutorial de CSS3: http://www.comocreartuweb.com/consul...el-19-09-10%29

    Se borrarán los mensajes cuyo título no explique la duda: http://www.comocreartuweb.com/consul...titulo-la-duda!!

    Cómo preguntar en CCTW: http://www.comocreartuweb.com/consul...guntar-en-CCTW

  5. #5
    Recien Llegado! Merodeador
    Fecha de Ingreso
    21 jun, 11
    Mensajes
    8
    Poder de Reputación
    0
    no entiendo la diferencia, poniendo el codigo como decis vos no veo ningun cambio, sigue pegada arriba... aclaro q no entiendo nada, por eso la hice en wix.com. vos ves diferencias en 1024x768?

  6. #6
    Esto empieza a ser un vicio... Habitante Avatar de olukarak
    Fecha de Ingreso
    28 jul, 10
    Ubicación
    Marte
    Mensajes
    1,790
    Poder de Reputación
    24
    Como hiciste la web? Cualquiera con conocimientos vasicos la veria, la verdad. Cierras el body antes del div del iframe y el div del iframe no es cerrado, ahi esta la diferencia.
    www.wix.com/evergreen_472/mackina <-- Esta es la que veo correctamente.
    Tutorial de CSS3: http://www.comocreartuweb.com/consul...el-19-09-10%29

    Se borrarán los mensajes cuyo título no explique la duda: http://www.comocreartuweb.com/consul...titulo-la-duda!!

    Cómo preguntar en CCTW: http://www.comocreartuweb.com/consul...guntar-en-CCTW

  7. #7
    Recien Llegado! Merodeador
    Fecha de Ingreso
    21 jun, 11
    Mensajes
    8
    Poder de Reputación
    0
    la hice en wix.com, es una web para hacer paginas sin ningún conocimiento, el cual es mi caso...
    ya corregi eso del div pero yo la veo igual y sigo sin encontrar la manera de q quede en el medio verticalmente

    <div style="text-align:center;">
    </body><iframe src="http://www.wix.com/evergreen_472/mackina" width="980" height="660" marginwidth="0" marginheight="0" frameborder="0" scrolling="no"></iframe>
    </div>
    <body>
    </html>
    Última edición por Max_Power; 27/06/2011 a las 05:03

  8. #8
    Esto empieza a ser un vicio... Habitante Avatar de olukarak
    Fecha de Ingreso
    28 jul, 10
    Ubicación
    Marte
    Mensajes
    1,790
    Poder de Reputación
    24
    Te di el codigo corregido antes y te lo vuelvo a dar:
    Código:
    <div style="text-align:center;">
    <iframe src="http://www.wix.com/evergreen_472/mackina" width="980" height="660" marginwidth="0" marginheight="0" frameborder="0" scrolling="no"></iframe>
    </div>
    </body>
    </html>
    Tutorial de CSS3: http://www.comocreartuweb.com/consul...el-19-09-10%29

    Se borrarán los mensajes cuyo título no explique la duda: http://www.comocreartuweb.com/consul...titulo-la-duda!!

    Cómo preguntar en CCTW: http://www.comocreartuweb.com/consul...guntar-en-CCTW

  9. #9
    Recien Llegado! Merodeador
    Fecha de Ingreso
    21 jun, 11
    Mensajes
    8
    Poder de Reputación
    0
    lo probe antes, ahora volvi a copiar tu texto y subi el index modificado, no veo el cambio, sigue exactamente igual

  10. #10
    Esto empieza a ser un vicio... Habitante Avatar de olukarak
    Fecha de Ingreso
    28 jul, 10
    Ubicación
    Marte
    Mensajes
    1,790
    Poder de Reputación
    24
    A ver, que nos estamos liando... Tu ahora lo que tambien quieres es centrarlo verticalmente, no? Horizontalmente lo acabamos de hacer.
    Entre las etiquetas <head> y </head> de la pagina escribe lo siguiente:
    Código:
    <style type="text/css">
    body, html {
    height: 100%;
    text-align: center;
    }
    #paginaflash {
    width: 980px /* Ancho del frame */
    height: 660px /* Alto del frame */
    position: absolute;
    margin-top: -330px; /* El margen superior sera cero menos la mitad del frame */
    top: 50%; /* La posicion desde arriba sera la mitad, con lo que se contara desde el centro del frame */
    }
    </style>
    Ahora el codigo del frame de antes deberias sustituirlo por esto:
    Código:
    <div id="paginaflash">
    <iframe src="http://www.wix.com/evergreen_472/mackina" width="980" height="660" marginwidth="0" marginheight="0" frameborder="0" scrolling="no"></iframe>
    </div>
    </body>
    </html>
    Tutorial de CSS3: http://www.comocreartuweb.com/consul...el-19-09-10%29

    Se borrarán los mensajes cuyo título no explique la duda: http://www.comocreartuweb.com/consul...titulo-la-duda!!

    Cómo preguntar en CCTW: http://www.comocreartuweb.com/consul...guntar-en-CCTW

  11. #11
    Recien Llegado! Merodeador
    Fecha de Ingreso
    21 jun, 11
    Mensajes
    8
    Poder de Reputación
    0
    bueno, lo logre... no funciono tu codigo o no lo entendi... pero abri una pagina renombrada en dot.tk y le copie el codigo...

    </head>


    <frameset rows="*,*" framespacing="0" border="0" frameborder="NO">
    <frame src="http://www.wix.com/evergreen_472/mackina" name="frame_content" scrolling="auto" noresize>
    <frame src="UntitledFrame-8"></frameset>
    <noframes>
    <body>
    </body>
    </noframes>
    </body>
    </html>
    no mas problemas...

    gracias por todo!!

  12. #12
    Recien Llegado! Habitante
    Fecha de Ingreso
    30 ago, 19
    Mensajes
    23
    Poder de Reputación
    2
    Hola chicos, estoy trabajando sobre esta web https://lasherramientas.top/ y me gustaría añadir algún iframe donde captar el botón de compra de Amazon. ¿Creéis que perjudicaría mucho a los usuarios?

Permisos de Publicación

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