Pogledajte određenu poruku
Staro 04. 09. 2008.   #2
Damjan
novi član
Na probnom radu
 
Avatar Damjan
 
Datum učlanjenja: 16.07.2008
Poruke: 17
Hvala: 1
0 "Hvala" u 0 poruka
Damjan is on a distinguished road
Default

Ako sam te dobro razumio, kada kazes duzina mislis na height, to mi nekako ima najvise smisla
Ako je tako onda bi ovaj kod trebao biti rjesenje tvog problema:

HTML kôd:
<!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=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
body {
	margin: 0;
	padding: 0;
}
</style>
<script language="javascript">
function getWindowHeight() {
	var windowHeight=0;
	if (typeof(window.innerHeight)=='number') {
		windowHeight=window.innerHeight;
	}
	else {
		if (document.documentElement&&document.documentElement.clientHeight) {
			windowHeight=document.documentElement.clientHeight;
		}
		else {
			if (document.body&&document.body.clientHeight) {
				windowHeight=document.body.clientHeight;
			}
		}
	}
	return windowHeight;
}

function setFooter() {
	if (document.getElementById) {
		var windowHeight=getWindowHeight();
		if (windowHeight>0) {
			var contentHeight=document.getElementById('sadrzaj').offsetHeight;
			var footerElement=document.getElementById('futer');
			var footerHeight=footerElement.offsetHeight;
				if (windowHeight-(contentHeight+footerHeight)>=0) {
					footerElement.style.height=(windowHeight-contentHeight)+'px';
				}
				else {
					footerElement.style.height='60px';
				}
		}
	}
}
window.onload = function() {
  setFooter();
}
window.onresize = function() {
  setFooter();
}
</script>
</head>

<body>
<div id="sadrzaj" style="background: #bbb; height: 600px;">sadrzaj</div>
<div id="futer" style="background: #999; height: 60px;">futer</div>
</body>
</html>
Ne znam koliko dobro poznajes JavaScript pa sam ti ubacio cijelu stranicu.
Uglavnom, izracuna se visina prozora i ako je veca od sadrzaja onda poveca div za id-om futer tako da div#futer zauzme prostor do kraja prozora.

Inace u div#sadrzaj moraces da stavis cijeli gornji dio strane ili ako imas vise divova onda ce biti potrebna manja prerada funkcije setFooter().
Ako teba javi, nije problem.

Ovo bi trebalo da radi u svim browserima (FF, IE, Op, Saf).

Pozdrav
Damjan je offline   Odgovorite uz citat