So I'm trying to get my site to dynamically shift with the size of the browser when it loads up...It works fine in Firefox 3, Opera and (as far as I know), FF2.

IE is the only browser that I see that has any problem with it whatsoever, which never ceases to surprise me, as IE tends to eat all forms of code, regurgitate them, and devour the slimy and putrid remains, just to continue the process.

Anyways...I'm not really a whiz at JavaScript (just started using it a week ago), and I have no idea how to fix it just for IE...Here it is.

<script type='text/javascript'>
function getPageHeight(){
if(window.innerHeight){
_output=window.innerHeight;
}else{
_output=document.documentElement.clientHeight;
}
return _output;
}
function getPageWidth(){
if(window.innerWidth){
_output=window.innerWidth;
}else{
_output=document.documentElement.clientWidth;
}
return _output;
}
</script>

<script type='text/javascript'>
document.getElementById('leftcol').style.height=getPageHeight()-125-48+'px';
document.getElementById('maincol').style.height=getPageHeight()-126-48+'px';
document.getElementById('maincol').style.width=getPageWidth()-152+'px';
document.getElementById('speakmain').style.height=getPageHeight()-148-32+'px';
</script>

Do you have an actual URL that you can show us with? Then please describe what you see in FF versus IE. Screenshots would be helpful too.

http://daftajest.com/new

I would post some screenshots, but I'm sure you guys can tell by the urls alone...

EDIT: And the differences are...In IE it just resorts to showing it all and stretching the page, but in FF, it locks in place, and doesn't stretch the page. I know it's not my CSS settings, because it does it when I set it to scroll as well.

This post has been edited by Daftajest: 3 Oct, 2008 - 03:46 PM

Well, the problem is that IE understand a things different from other browsers

To get a resolution in all browsers, use :

	
	 if( typeof( window.innerWidth ) == 'number' ) {
		  w	 = document.documentElement.clientWidth;
		  h	 = window.innerHeight;
		  
	 }
	 else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
		  w	 = document.documentElement.clientWidth;
		  h	 = document.documentElement.clientHeight;
	 }
	 else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
		  w	 = document.body.clientWidth;
		  h	 = document.body.clientHeight;
	 }
	 

But why you use JS to resize this simple block ? You can do this only with css

This post has been edited by tkulev: 3 Oct, 2008 - 11:34 PM