The only thing I can think of for an IE only implementation would be to grab
the browser window height and width using Javascript and use those to
calculate the margin-top and margin-left properties via Javascript again.
// Browser Window Size and Position
// copyright Stephen Chapman, 3rd Jan 2005
// you may copy these functions but please keep the copyright notice
as well
function pageWidth() {return window.innerWidth != null?
window.innerWidth: document.body != null?
document.body.clientWidth:null;}
function pageHeight() {return window.innerHeight != null?
window.innerHeight: document.body != null? document.body.clientHeight:null;}
function posLeft() {return typeof window.pageXOffset != 'undefined'
? window.pageXOffset:document.documentElement.scrollLeft?
document.documentElement.scrollLeft:document.body.scrollLeft?
document.body.scrollLeft:0;}
function posTop() {return typeof window.pageYOffset != 'undefined' ?
window.pageYOffset:document.documentElement.scrollTop?
document.documentElement.scrollTop:
document.body.scrollTop?document.body.scrollTop:0;}
function posRight() {return posLeft()+pageWidth();}
function posBottom() {return posTop()+pageHeight();}
function isIE()
{
if (navigator.appName.toUpperCase().match(/MICROSOFT
INTERNET EXPLORER/) != null)
return 1;
else
return 0;
}
function loadnow(){
var browser = isIE();
if (browser == 1){
if (pageHeight() <= 500){
document.getElementById("shortwrap").style.height = "72%";
} else if (pageHeight() > 587 && pageHeight() <=
767){
document.getElementById("shortwrap").style.height = "80%";
document.getElementById("sidenav").style.height="94.2%"
} else if (pageHeight() > 768 && pageHeight() <=
1024){
document.getElementById("sidenav").style.height="97%";
document.getElementById("shortwrap").style.height = "86.5%";
}
} else{
if (pageHeight() <= 559){
document.getElementById("shortwrap").style.minHeight = "100%";
document.getElementById("shortwrap").style.height = "100%";
} else if (pageHeight() > 560 && pageHeight() <=
759){
document.getElementById("shortwrap").style.minHeight = "85%";
document.getElementById("shortwrap").style.height = "85%";
} else if (pageHeight() > 760 && pageHeight() <=
1024){
document.getElementById("shortwrap").style.minHeight = "89%";
document.getElementById("shortwrap").style.height = "89%";
}
}
}
Sandy Clark
-----Original Message-----
From: Ian Skinner [mailto:[EMAIL PROTECTED]
Sent: Tuesday, November 22, 2005 12:02 PM
To: CF-Community
Subject: CSS Simulating Position: Fixed in IE
IE6 if that matters. I need a "pop-up" DHTML layer to appear in the middle
of the view port, not the entire window. Anybody knows an easy solution to
this before I go and reinvent the wheel and figure out something for myself.
If IE just supported Position: Fixed this would be easy.
--------------
Ian Skinner
Web Programmer
BloodSource
www.BloodSource.org
Sacramento, CA
"C code. C code run. Run code run. Please!"
- Cynthia Dunning
Confidentiality Notice: This message including any attachments is for the
sole use of the intended
recipient(s) and may contain confidential and privileged information. Any
unauthorized review, use, disclosure or distribution is prohibited. If you
are not the intended recipient, please contact the sender and delete any
copies of this message.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~|
Find out how CFTicket can increase your company's customer support
efficiency by 100%
http://www.houseoffusion.com/banners/view.cfm?bannerid=49
Message: http://www.houseoffusion.com/lists.cfm/link=i:5:183595
Archives: http://www.houseoffusion.com/cf_lists/threads.cfm/5
Subscription: http://www.houseoffusion.com/lists.cfm/link=s:5
Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=89.70.5
Donations & Support: http://www.houseoffusion.com/tiny.cfm/54
