Col codice di sotto tento, senza successo, di mettere un iframe nella pagina che abbia la massima larghezza e altezza possibile, ossia che sia ancorata al vertice sinistro-alto e vertice destra-basso.
Non funziona specialmente quando ridimensiono altezza e larghezza del browser.
Mi dareste una mano?
codice:
<!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 id="Head1"><title>
div ancorato
</title><link href="../../App_Themes/classico10/StyleSheet.css" rel="stylesheet" type="text/css" />
<script src="../../js/jquery/jquery-min.js" type="text/javascript"></script>
<script type="text/javascript">
// <![CDATA[
$(document).ready(function()
{
var wborder = 0; //larghezza bordo div
var wpadding = 0; //padding
var ht = $(window).height();
var wt = $(window).width();
var v = $("#iframe1");
v.css(
{
"width": "100%",
"border": wborder + "px red solid",
"padding": wpadding + "px"
});
$(window).resize(function(event)
{
//v.attr("src", noCache("http://localhost/"));
v.height( ht - v.offset().top - (wborder * 2) - (wpadding * 2) - 8 );
v.width( wt - v.offset().left - (wborder * 2) - (wpadding * 2) - 8 );
}).resize();
}
);
// ]]>
</script>
</head>
<body>
<form method="post" action="./iframe_ancorato.aspx" id="form1">
<div id="div1">
<h1>Prova</h1>
<iframe id="iframe1" src="http://localhost/"></iframe>
</div>
</form>
</body>
</html>