Medidas de objetos

mikolbe · #1 (**permalink**) 04/05/2011, 07:22

Hola amigos, cómo están??? ando necesitando un poco de su ayuda. Resulta que quiero hacer una web que arriba del todo contenga un Flash al 100% en WIDTH(eso es facilongo), despues abajo quiero ponerle un IFRAME con 100% en WIDTH y que llegue hasta el final del browser, es acá donde no se como hacer que este IFRAME llegue hasta abajo del todo.

Alguna ayudita??

Muchas gracias!!!

<<[[MIKOL]]>>

Ueki · #2 (**permalink**) 05/05/2011, 05:51

Si lo que quires es que ocupe el 100% de Height, bastará con poner height=100% o lo mismo que hayas puesto con Width, pero con Height

mikolbe · #3 (**permalink**) 05/05/2011, 06:37

Gracias por la info pero no funcionó en IE, FireFox ni Google Chrome.

<<[[MIKOL]]>>

Ueki · #4 (**permalink**) 05/05/2011, 08:16

¿Cómo es el código que tienes? Puedes postearlo?

mikolbe · #5 (**permalink**) 05/05/2011, 11:01

Cita:

Iniciado por Ueki

¿Cómo es el código que tienes? Puedes postearlo?

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>
<style>
body {
    margin-bottom:0px;
    margin-left:0px;
    margin-right:0px;
    margin-top:0px;
}
</style>
 
<body>
<table height="100px" width="100%">
<tr>
<td>
</td>
</tr>
</table>
<iframe width="100%" height="100%" name="mainFrame" src="http://www.google.com" ></iframe>
</body>
</html>

Donde está la Tabla, va el SWF con las mismas dimensiones, la página de google es para tenerla de prueba.

Saludos.-
Muchas gracias!!!

<<[[MIKOL]]>>

Ueki · #6 (**permalink**) 06/05/2011, 08:00

Vale, perdona la tardanza, pero ya lo he arreglado.

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>
<style>
body {
    margin-bottom:0px;
    margin-left:0px;
    margin-right:0px;
    margin-top:0px;
}
</style>
 
<body>
<table height="100%" width="100%">
<tr>
<td>
</td>
</tr>
</table>
<iframe width="100%" height="100%" name="mainFrame" src="http://www.google.com" ></iframe>
</body>
</html>

El problema ha sido que te expliqué mal, creo.

"<table height="100%" width="100%">" -> Ahí había que poner 100% y no 100px.

Saludos

mikolbe · #7 (**permalink**) 06/05/2011, 08:03

Cita:

Iniciado por Ueki

Vale, perdona la tardanza, pero ya lo he arreglado.

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>
<style>
body {
    margin-bottom:0px;
    margin-left:0px;
    margin-right:0px;
    margin-top:0px;
}
</style>
 
<body>
<table height="100%" width="100%">
<tr>
<td>
</td>
</tr>
</table>
<iframe width="100%" height="100%" name="mainFrame" src="http://www.google.com" ></iframe>
</body>
</html>

El problema ha sido que te expliqué mal, creo.

"<table height="100%" width="100%">" -> Ahí había que poner 100% y no 100px.

Saludos

La tabla sustituye un SWF con esas mismas dimensiones, el iframe esta por fuera de la tabla.

Saludos.-

<<[[MIKOL]]>>

Ueki · #8 (**permalink**) 06/05/2011, 08:20

Pues el iframe me ha salido ocupando toda la pantalla, es decir, no he tenido problemas con eso...
Yo lo he probado en Chrome y en Firefox, en IE si que no funciona, voy a ver si consigo sacar porque es...

De todas formas, si te voy a recomendar una cosita, es mejor no usar frames a no ser que sea totalmente necesario, y ahí más formas de integrar otras webs en la tuya propia o páginas distintas.

Tedel · #9 (**permalink**) 07/05/2011, 13:52

¿No es más cómodo usar object en estos casos...

<object id="frame" type="text/html" data="urldelaweb"></object>

...y definir las áreas en el CSS?