Javascript pomanjšanje slik

Pozdravljeni!

Napisal sem skripto, ki pomanjša sliko glede na višino in širino uporabnikovega zaslona, natančneje širino in višino iframe-a glede na uporabnikovo resolucijo. Zdaj pa bi rad da se ta slika prilaga temu iframe-u, kjer je širina slike polovica iframe, višina pa celoten iframe.

<script type="text/javascript">
	var stevec = 0;
		function resizeImg(){
			if(stevec == 0){
				var height = document.body.clientHeight;
				var width = document.body.clientWidth; 
				width = (width/2);
				
				document.getElementById('slika').style.height = height + "px";
				document.getElementById('slika').style.width = width + "px";
				document.getElementById('slika').style.visibility = "visible";
			}
		stevec++;			
		}
	</script>

In pa še ostalo, kjer kličem to zgornjo funkcijo:

<div>
	Neka slika:
	<br />
	<img name="slika" id="slika" src="slika.gif" style="width:600px;height:700px;visibility:hidden" onload="resizeImg()"></img>
</div>

Problem je, da slika se pomanjša po širini, torej zavazme polovico iframe-a, toda višino pa kot da ne bi upošteval, pravzaprav upošteva tisto višino, ki sem jo navedel:

 <img style="height:700px">

Če tukaj spremenim se upošteva, medtem ko pa kličem funkcijo pa se spreminja samo širina.

Malo pozno pa vendar, to da more biti body 100%, sem že prej vedel, vseeno hvala. Sem pa potem rešil zadevo tako da sem div height pa width določil z % v css datoteki, potem pa sem samo sliko raztegnil z width=100% in height=100% čez ta div. Iframe imam definiran v drugi html datoteki.