Entrar

como centrar un iframe??

Max_Power · · Solicitar retirada
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>
olukarak · · Solicitar retirada
Ese codigo esta tremendamente mal. Fijate en la diferencia porque quedaria asi:
<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 · · Solicitar retirada
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 · · Solicitar retirada
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 · · Solicitar retirada
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 · · Solicitar retirada
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 · · Solicitar retirada
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>


[:(]
olukarak · · Solicitar retirada
Te di el codigo corregido antes y te lo vuelvo a dar:
<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 · · Solicitar retirada
lo probe antes, ahora volvi a copiar tu texto y subi el index modificado, no veo el cambio, sigue exactamente igual :neutral:
olukarak · · Solicitar retirada
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:
<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:
<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 · · Solicitar retirada
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!!