[JavaScript][HTML][CSS]dopasowanie diva do rozmiarów okna przeglądarki Opcje

[gitbejbe]

Witam.

Mam mały problem. http://jsfiddle.net/YF3PD/

Chodzi mianowicie o to, że w główny kontener "template-wrapper" musi posiadać position:fixed. W tym kontenerze "menu-container" ma spełniać role menu strony, a "module-container" ma być oknem z treścią.

Position fixed dla głównego diva wynika z faktu, iż chce się pozbyć scrolla w przeglądarce. Teraz aby umieścić menu obok contentu muszę dla contenta wyliczyć jego szerokość, bo width:100% chowa content pod menu. Ma ktoś jakiś pomysł ? jestem laikiem w js....

[-Gość-]

poradziłem sobie z takim oto skryptem:

[HTML] pobierz, plaintext 
function skaluj() {             ///////////////////////////////////////////////////// Skalowanie contentu względem menu
 
	var menu_container = document.getElementById("menu-container");  //długość contentu
	var margines = 5;												 //margines dla contentu 
 
	if (parseInt(navigator.appVersion)>3) 
	{
		if (navigator.appName=="Netscape") 
		{
			winW = window.innerWidth;
			winH = window.innerHeight;
		}
		if (navigator.appName.indexOf("Microsoft")!=-1) 
		{
			winW = document.body.offsetWidth+"px";
		 // winH = document.body.offsetHeight;
		}
	}
	oblicz = document.getElementById('module-container');
	//nazwa_zmiennej.style.height=winH+"px";
	oblicz.style.width=winW-menu_container.offsetWidth-margines+"px";
 
};
[HTML] pobierz, plaintext 

i wszystko działa, ale gdy powiększam lub pomniejszam okno przeglądarki to szerokość diva się nie dopasowuje... jak zrobić aby za każdym powiększeniem lub pomniejszeniem okna w przeglądarce wykonywał sie ten skrypt ?

[-Gość-]

problem rozwiązany.

[HTML] pobierz, plaintext 
$(function(){
	setPos();
});
 
function setPos() {
 var menu_container = document.getElementById("menu-container");  //długość contentu
	var margines = 5;												 //margines dla contentu 
 
	if (parseInt(navigator.appVersion)>3) 
	{
		if (navigator.appName=="Netscape") 
		{
			winW = window.innerWidth;
			winH = window.innerHeight;
		}
		if (navigator.appName.indexOf("Microsoft")!=-1) 
		{
			winW = document.body.offsetWidth+"px";
		 // winH = document.body.offsetHeight;
		}
	}
	oblicz = document.getElementById('module-container');
	//nazwa_zmiennej.style.height=winH+"px";
	oblicz.style.width=winW-menu_container.offsetWidth-margines+"px";
}
$(window).resize(function() {
  setPos();
});
[HTML] pobierz, plaintext