D
David McDivitt
I have a div which I position on the page containing errors. In IE it works
fine. In Netscape it has a transparent background and I'm unable to make it
solid. Please help. Thanks
<div id="statusContainer"
style="display:none;position:absolute;top:0px;left:0px;height:0px;width:0px;">
<table border="15" bordercolor="#DE0000" bordercolorlight="#FF0000"
cellpadding="10"><tr><td><table cellspacing="0" cellpadding="0">
<tr><td id="statusText" nowrap><%=status%></td></tr>
<tr><td> </td></tr>
<tr><td align="center"><input type="button" value="Close"
onclick="document.getElementById('statusContainer').style.display='none';
document.getElementById('statusFrame').style.display='none';"></td></tr>
</table></td></tr>
</div>
<iframe id="statusFrame"
style="display:none;top:0px;left:0px;height:0px;width:0px;position:absolute;"
src="about:blank" frameBorder="0" scrolling="no"></iframe>
var clientX,clientY;
if (self.innerHeight) {
clientX = self.innerWidth;
clientY = self.innerHeight;
}
else if (document.documentElement &&
document.documentElement.clientHeight) {
clientX = document.documentElement.clientWidth;
clientY = document.documentElement.clientHeight;
}
else if (document.body) {
clientX = document.body.clientWidth;
clientY = document.body.clientHeight;
}
var container = document.getElementById("statusContainer");
var frame = document.getElementById("statusFrame");
container.style.top = (y + 50) + "px";
container.style.left = (x + 50) + "px";
container.zIndex = 99;
container.style.display = "block";
frame.style.width = container.offsetWidth + "px";
frame.style.height = container.offsetHeight + "px";
frame.style.zIndex = container.style.zIndex - 1;
frame.style.display = "block";
fine. In Netscape it has a transparent background and I'm unable to make it
solid. Please help. Thanks
<div id="statusContainer"
style="display:none;position:absolute;top:0px;left:0px;height:0px;width:0px;">
<table border="15" bordercolor="#DE0000" bordercolorlight="#FF0000"
cellpadding="10"><tr><td><table cellspacing="0" cellpadding="0">
<tr><td id="statusText" nowrap><%=status%></td></tr>
<tr><td> </td></tr>
<tr><td align="center"><input type="button" value="Close"
onclick="document.getElementById('statusContainer').style.display='none';
document.getElementById('statusFrame').style.display='none';"></td></tr>
</table></td></tr>
</div>
<iframe id="statusFrame"
style="display:none;top:0px;left:0px;height:0px;width:0px;position:absolute;"
src="about:blank" frameBorder="0" scrolling="no"></iframe>
var clientX,clientY;
if (self.innerHeight) {
clientX = self.innerWidth;
clientY = self.innerHeight;
}
else if (document.documentElement &&
document.documentElement.clientHeight) {
clientX = document.documentElement.clientWidth;
clientY = document.documentElement.clientHeight;
}
else if (document.body) {
clientX = document.body.clientWidth;
clientY = document.body.clientHeight;
}
var container = document.getElementById("statusContainer");
var frame = document.getElementById("statusFrame");
container.style.top = (y + 50) + "px";
container.style.left = (x + 50) + "px";
container.zIndex = 99;
container.style.display = "block";
frame.style.width = container.offsetWidth + "px";
frame.style.height = container.offsetHeight + "px";
frame.style.zIndex = container.style.zIndex - 1;
frame.style.display = "block";