Hola amigos, tengo una duda, quisiera autoajustar un iframe que tengo en la pagina index de mi proyecto el cual se debe ajustar de acuerdo a su contenido (src), suena algo simple, pero el problema es que el src es estatico en el iframe, va variando dependiendo de la opcion que elijo en el menú (el cual tiene como href distintos archivos html de mi proyecto)
dejo el codigo de mi index.html (no se como copiarlo como codigo, porfa algun moderador que edite lo de abajo)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html class="ui-mobile ui-mobile-rendering" xmlns="http://www.w3.org/1999/xhtml"><head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Fervi-Ingas.cl · Servicios de Metalurgia</title>
<link rel="stylesheet" type="text/css" href="CSS/index_archivos/style.css">
<link href="CSS/index_archivos/css.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" id="style-css" href="CSS/index_archivos/diapo.css" type="text/css" media="all">
<script type="text/javascript" src="CSS/index_archivos/jquery_003.js"></script>
<!--[if !IE]><!--><script type="text/javascript" src="CSS/index_archivos/jquery_004.js"></script><!--<![endif]-->
<script type="text/javascript" src="CSS/index_archivos/jquery.js"></script>
<script type="text/javascript" src="CSS/index_archivos/jquery_002.js"></script>
<script type="text/javascript" src="CSS/index_archivos/diapo.js"></script>
<script>
$(function(){
$('.pix_diapo').diapo();
});
</script>
</head>
<body>
<div id="header">
<div id="header_contenedor">
<img src="CSS/index_archivos/header.png" height="140" width="663">
</div>
</div><!--finheader-->
<div id="menu_contenedor">
<div id="menu_detalle">
<img src="CSS/index_archivos/menu_izq.png" height="37" width="25">
</div>
<div id="menu_detalle2">
<img src="CSS/index_archivos/menu_der.png" height="37" width="25">
</div>
<div id="menubar">
<div id="menuh">
<ul>
<li><a href="PAGINAS/contenidoInicio.html" target="iframeContenido">Inicio</a></li>
<li><a href="PAGINAS/nosotros.html" target="iframeContenido">Nosotros</a></li>
<li><a href="PAGINAS/servicios.html" target="iframeContenido">Servicios</a></li>
<li><a href="PAGINAS/clientes.html" target="iframeContenido">Clientes</a></li>
<li><a href="PAGINAS/ingresar.html" target="iframeContenido">Administración</a></li>
<li><a href="PAGINAS/contacto.html" target="iframeContenido">Contacto</a></li>
</ul>
</div>
</div>
</div>
<iframe id="iframeContenido" name="iframeContenido" style="width:100%; " frameborder="0"></iframe>
<div id="footer">
<div id="footer_contenedor">
<div id="footer1">
<div class="isotipo">
<img src="CSS/index_archivos/fervi_ingas_isotipo.png" height="63" width="130">
</div>
fervi-ingas.cl <br>servicios <br> de metalurgia.
</div>
<div id="footer2">
Quinta Normal, Satiago, Chile<br>
Primera junta #546 (esq.zapala)<br>
Teléfono: (+54 11) 4281 - 4176<br>
Mail:
[email protected]
</div>
<div id="footer3">
<a href="index.html" class="footer">Inicio</a><br>
<a href="PAGINAS/nosotros.html" class="footer">Nosotros</a><br>
<a href="PAGINAS/servicios.html" class="footer">Servicios</a><br>
</div>
<div id="footer4">
<a href="PAGINAS/clientes.html" class="footer">Clientes</a><br>
<a href="PAGINAS/login.html" class="footer">Administración</a><br>
<a href="PAGINAS/contacto.html" class="footer">Contacto </a></div>
</div>
</div>
</body>
</html>
de antemano, gracias :)