absBottomDiv

[webmastertor]

Heisann

Er ny på dette forum, og er heller ikke så gammel i JS scripting, men uansett jeg har et script som funker greit i IE, Opera men ikke i firefox.

Den klager ved scrollbars ved rezizing av vinduet og bunndiven(absBottomDiv) hopper ved scroll.

Er det noen som har peiling på dette crossbrowser problemet.

 

Her er koden, håper detr er noen som ser hva som kan gjøres :-).

 

<script type="text/javascript">

<!--

function setFooter() {

//vindu høyde og bredde

var myWidth = 0, myHeight = 0;

if( typeof( window.innerWidth ) == 'number' ) {

//Non-IE

myWidth = window.innerWidth;

myHeight = window.innerHeight;

} else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {

//IE 6+ in 'standards compliant mode'

myWidth = document.documentElement.clientWidth;

myHeight = document.documentElement.clientHeight;

} else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {

//IE 4 compatible

myWidth = document.body.clientWidth;

myHeight = document.body.clientHeight;

}

 

//vindu hidden over og til venstre...

var scrOfX = 0, scrOfY = 0;

if( typeof( window.pageYOffset ) == 'number' ) {

//Netscape compliant

scrOfY = window.pageYOffset;

scrOfX = window.pageXOffset;

}

else if( document.body && ( document.body.scrollLeft || document.body.scrollTop ) ) {

//DOM compliant

scrOfY = document.body.scrollTop;

scrOfX = document.body.scrollLeft;

}

else if( document.documentElement && ( document.documentElement.scrollLeft || document.documentElement.scrollTop ) ) {

//IE6 standards compliant mode

scrOfY = document.documentElement.scrollTop;

scrOfX = document.documentElement.scrollLeft;

}

 

//størrelser og avstander

var hiddenHeight = scrOfY;

var hiddenLeft = scrOfX;

var windowHeight = myHeight;

var windowWidth = myWidth;

 

//div i bunn str

var footerWidth = windowWidth;

var footerElement = document.getElementById('absBottomDiv');

var footerHeight = footerElement.offsetHeight;

 

//Plasseringsanvisning

var footerPlaceY = windowHeight + hiddenHeight - footerHeight;

var footerPlaceX = hiddenLeft;

 

 

//Sette footer på plassen sin!

footerElement.style.width = footerWidth + 'px';

footerElement.style.position = 'absolute';

footerElement.style.top = footerPlaceY + 'px';

footerElement.style.left = footerPlaceX + 'px';

 

}

window.onload = function() {

setFooter();

}

window.onresize = function() {

setFooter();

}

window.onscroll = function() {

setFooter();

}

//-->

</script>

 

Takker for hjelp.