como centrar un iframe??

**Max_Power** · 25/06/2011, 23:35

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

**olukarak** · 26/06/2011, 10:11

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>

**Max_Power** · 26/06/2011, 21:41

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

**olukarak** · 27/06/2011, 02:30

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.

**Max_Power** · 27/06/2011, 02:38

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?

**olukarak** · 27/06/2011, 04:42

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.

**Max_Power** · 27/06/2011, 04:46

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

**olukarak** · 27/06/2011, 05:29

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>

**Max_Power** · 27/06/2011, 05:35

lo probe antes, ahora volvi a copiar tu texto y subi el index modificado, no veo el cambio, sigue exactamente igual

**olukarak** · 27/06/2011, 06:13

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>

**Max_Power** · 27/06/2011, 07:12

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!!

Tema: como centrar un iframe??

Herramientas

Buscar Tema

Visualizar

como centrar un iframe??

Temas Similares

Centrar iframe en un div

Centrar un Iframe Flash de Wix en Dreamweaver urgente.

Como cargo una pag. en un iframe ?

como insertar un iframe de otra web

Permisos de Publicación