Salve a voi (nuovamente... divento quasi fisso)

Il mio problema attuale è il seguente...

Ho IE e FF con 2 grandezze diverse (causa varietà di barre strumenti), cosa che m'hanno fatto notare un problemino...

Ho questo codice:

<iframe id="external" width="100%" height="400px" src="haha.html" border="0" frameborder="no" allowtransparency="true"></iframe>


Ora, con la mia impostazione su IE "funziona", nel senso che quando il contenuto che si apre in quell'iframe creando la scrollbar, tale scrollbar "finisce" sul fondo della pagina.

Se a questo punto guardo su FF, bhè, la scrollbar finisce a "tot" dal fondo.


Come capite, mi è dunque impossibile dare delle dimensioni, specialmente se poi guardo a finestra ridotta in quanto non mi tiene una distanza "visibilmente gradevole".


Dunque, la domanda è questa:

come posso strutturare in modo che le varie sezioni rimangano sempre con le stesse percentuali della grandezza della finestra dell'utente?




tutto il codice della pagina "problematica" (per magari maggior aiuto):


<html>

<head>
<title>TITOLO</title>

<style type="text/css">
body {
background-image: url(sfondo/sfondo.jpg);
background-position: center center;
background-repeat: no-repeat;
background-attachment: fixed;
border-style: none;
background-color: transparent;
height:100%;
margin:0
}

table#container{
position:fixed;
top:60;
right:0;
bottom:0;
left:0;
height:89%;
background-color: transparent;
}
/*hack per ie5.5 e 6*/
* html #container{
position:static;
height:89%;
}

</style>



</head>

<body noresize>
<script id="clientEventHandlersJS" language="javascript" src="JavaScript/logo.js"></script>

<table height="89%" width="100%" id="container" border="1">
<tr>
<td valign="top" width="8%">


Forum


x


y




z




<hr>















<font size="1">Diritti ...</font> © ®
</td>

<td width="72%">
<iframe width="100%" height="100%" name="visualizza" src="blank.html" border="0" frameborder="no" allowtransparency="true">
</iframe>
</td>
<td valign="top" width="20%" height="100%">
<div align="center">titoletto</div>


<div align="center">


lol |
haha |

hohoho

<script language="javascript">
<!--

//Drop-down Document Viewer II- © Dynamic Drive (www.dynamicdrive.com)
//For full source code, 100's more DHTML scripts, and TOS,
//visit http://www.dynamicdrive.com

//Specify display mode (0 or 1)
//0 causes document to be displayed in an inline frame, while 1 in a new browser window
var displaymode=0
//if displaymode=0, configure inline frame attributes (ie: dimensions, intial document shown


/////NO NEED TO EDIT BELOW HERE////////////

if (displaymode==0)
document.write(iframecode)

function jumpto(inputurl){
if (document.getElementById&&displaymode==0)
document.getElementById("external").src=inputurl
else if (document.all&&displaymode==0)
document.all.external.src=inputurl
else{
if (!window.win2||win2.closed)
win2=window.open(inputurl)
//else if win2 already exists
else{
win2.location=inputurl
win2.focus()
}
}
}
//-->
</script><iframe id="external" width="100%" height="400px" src="haha.html" border="0" frameborder="no" allowtransparency="true"></iframe>


</div>
</td>
</tr>
</table>

</body>
</html>








Grazie mille già sin d'ora per pazienza ed aiuto... ultimamente impazzisco per poco, ma è un periodo di caos, quindi "sfrutto" la vostra competenza e cordialità.