Foros del Web » Creando para Internet » HTML »

Height de un iframe con %

Estas en el tema de Height de un iframe con % en el foro de HTML en Foros del Web. Buenos días, Tengo un archivo html que contiene una tabla y un iframe. Funciona correctamente pero el iframe no me coge todo el espacil que ...
  #1 (permalink)  
Antiguo 09/04/2010, 03:49
 
Fecha de Ingreso: mayo-2008
Mensajes: 65
Antigüedad: 9 años, 7 meses
Puntos: 0
Height de un iframe con %

Buenos días,

Tengo un archivo html que contiene una tabla y un iframe. Funciona correctamente pero el iframe no me coge todo el espacil que sobra en la pantalla. Os pongo el código para que podais ejecutarlo y ver a que me refiero:

Código HTML:
<!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=iso-8859-1" />
<title>Asun</title>
</head>
<body>
		<table width='100%' height='75%' border='0' bgcolor='#47b7f6'>	
		<tr>
		<td>
			<table width='100%' border='0'>
			<td>Asunto:</td>
			<td>Asunto1</td>
			</tr>
			
			</table>
			</td>		
		
		<td align='right'> Lista
		</td>
	</table>
		<iframe  width='100%' height="100%"  src='http://www.forosdelweb.com'>
		</iframe>
				

		</body>
</html> 
Alguien sabe como puedo hacer para que coja toda la pantalla que sobra?

Muchas gracias
  #2 (permalink)  
Antiguo 09/04/2010, 06:06
Avatar de abimaelrc
Colaborador
 
Fecha de Ingreso: mayo-2009
Ubicación: En el planeta de Puerto Rico
Mensajes: 14.728
Antigüedad: 8 años, 6 meses
Puntos: 1512
Respuesta: Height de un iframe con %

Amigo lo mejor es que te leas bien un manual de HTML. Tu código esta muy mal estructurado y eso va a confligir con muchos navegadores.
__________________
Verifica antes de preguntar.
Los verdaderos amigos se hieren con la verdad, para no perderlos con la mentira. - Eugenio Maria de Hostos

Última edición por abimaelrc; 09/04/2010 a las 06:13
  #3 (permalink)  
Antiguo 09/04/2010, 10:09
Avatar de kyedesigns  
Fecha de Ingreso: abril-2010
Ubicación: Continuamente en movimiento...
Mensajes: 99
Antigüedad: 7 años, 8 meses
Puntos: 4
Respuesta: Height de un iframe con %

Hola! Bueno es verdad lo que menciona @abimalerc, la estructura que nos muestras esta un tanto mal estructurado, pero si lo que quieres es que el iFrame tome todo el espcio sobrante necesitas cambiar lo siguiente:

Cita:
<table width='100%' height='75%' border='0' bgcolor='#47b7f6'>
El height a "75%" de la TABLA esta limitado el height del iFrame a 75% también. Si la tabla la pones al 100% tomara todo el espacio sobrante.
  #4 (permalink)  
Antiguo 12/04/2010, 03:55
 
Fecha de Ingreso: mayo-2008
Mensajes: 65
Antigüedad: 9 años, 7 meses
Puntos: 0
Respuesta: Height de un iframe con %

Ya se que no es la mejor estructuración Html posible pero al quere una cosa sencilla tampoco me quería meter a aprender el funcionamiento ás optimo de html. Con que estas lineas funcionen bien me basta, no utilizo más html en ningún sitio.

Poniendo el height de la tabla al 100% tampoco me funciona. Aunque también hay que decir que no me funciona en firefox y en chrome por ejemplo lo hace bien (acabo de probarlo).

Alguna otra sugerencia?
  #5 (permalink)  
Antiguo 12/04/2010, 12:46
Avatar de abimaelrc
Colaborador
 
Fecha de Ingreso: mayo-2009
Ubicación: En el planeta de Puerto Rico
Mensajes: 14.728
Antigüedad: 8 años, 6 meses
Puntos: 1512
Respuesta: Height de un iframe con %

No es que sea más optimo, porque no estamos hablando de optimizar el código. Es de estructuración. La forma como lo tienes conflije con muchos navegadores. Si el código lo vas a usar tu solamente y vas a usar un navegador, entonces no importa, pero si lo quieres publicar para que varias personas la vean tu código no va a funcionar con muchos navegadores.
__________________
Verifica antes de preguntar.
Los verdaderos amigos se hieren con la verdad, para no perderlos con la mentira. - Eugenio Maria de Hostos
  #6 (permalink)  
Antiguo 12/04/2010, 15:52
Avatar de MarcosiPhone  
Fecha de Ingreso: abril-2010
Mensajes: 10
Antigüedad: 7 años, 8 meses
Puntos: 0
Respuesta: Height de un iframe con %

Claro, como dice abimaelrc, si la web va a ser pública, necesitas también corregir esos aspectos...
  #7 (permalink)  
Antiguo 13/04/2010, 01:56
 
Fecha de Ingreso: mayo-2008
Mensajes: 65
Antigüedad: 9 años, 7 meses
Puntos: 0
Respuesta: Height de un iframe con %

Y vistos mis escasos conocimientos de html, alguien podría proponerme una página en donde en la parte superior haya una tabla con 3 columnas (con que haya una tabla creo que ya sabría dividirla en 3 columnas como yo deseo) y después de la tabla haya un iframe que ocupe la parte sobrante?

No creo que deba de ser muy dificil pero no se me ocurre otra estructuración y como va a ser pública estaría bien que funcione bien en todos los navegadores.

Muchas gracias

PD: Si no entendeis la estructurá ya pondré una captura de pantalla.
  #8 (permalink)  
Antiguo 13/04/2010, 02:34
 
Fecha de Ingreso: octubre-2007
Ubicación: en las nubes!
Mensajes: 44
Antigüedad: 10 años, 2 meses
Puntos: 0
Respuesta: Height de un iframe con %

intenta asi, saludos


Código HTML:
<?xml version="1.0" encoding="iso-8859-1"?>
<!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>
<style type="text/css">
* {
	border: 0px;
	margin: 0px;
	padding: 0px;
}
.miMarco {
	width: 100%;
	height: 100%;
	border: 0px;
}
#tabla {
	width: 100%;
	height: 100%;
	border: 0px;
}
</style>
<script type="text/javascript">
<!--
	function redimensionar() {
		if (navigator.appName == 'Microsoft Internet Explorer') {
			document.getElementById('tabla').style.height = '100%';
		} else  {
			document.getElementById('tabla').style.height = window.innerHeight + 'px';
		}
	}
//-->
</script>
<title>Asun</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
</head>

<body onload="javascript:redimensionar()">

<table width='100%' height='75%' border='0' bgcolor='#47b7f6'>	
		<tr>
		<td>
			<table width='100%' border='0'>
			<td>Asunto:</td>
			<td>Asunto1</td>
			</tr>
			
			</table>
			</td>		
		
		<td align='right'> Lista
		</td>
	</table>
<table id="tabla">
     <tr>
       
          <td style="width: 100%; height: 100%;">
			<iframe class="miMarco" src="http://www.forosdelweb.com"></iframe>
		</td>
          
     </tr>
</table>
</body>
</html> 
  #9 (permalink)  
Antiguo 13/04/2010, 03:26
 
Fecha de Ingreso: mayo-2008
Mensajes: 65
Antigüedad: 9 años, 7 meses
Puntos: 0
Respuesta: Height de un iframe con %

Muchas gracias, he probado con tu código y me funciona correctamente. Pero tengo una última cuestión, a ver si me podeis ayudar.

Que porcentajes debería de poner para que la tabla utilice el espacio que necesite y todo lo demás sea para el iframe? Con este código la tabla de arriba se dimensiona bien pero luego el iframe se pasa y tengo dos scrolls (el del iframe y el del navegador). Quisiera que el iframe no tuviera scrooll y en caso de que se pase tenga que utilizar el del navegador.

Supongo que será cambiar un porcentaje pero teniendo tantos no se cual tendría que tocar.
  #10 (permalink)  
Antiguo 13/04/2010, 14:11
 
Fecha de Ingreso: octubre-2007
Ubicación: en las nubes!
Mensajes: 44
Antigüedad: 10 años, 2 meses
Puntos: 0
Respuesta: Height de un iframe con %

Investiga algo de la propiedad overflow, en el momento no puedo probar tu codigo pero en unas horas mas tarde intentare mirarlo a ver que se puede hacer.

Saludos

Etiquetas: height, iframe
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 04:05.