Hello
I have the following code for making a dialog type box. it looks perfect in Firefox/Mozilla/NS7/Opera7
, but the question box floats to high in IE6 and is to small, and teh banner box is slightly to big.
Please Help!!!
<style type="text/css">
.shadowbox {
background-color: #000000;
opacity: 0.5;
filter: alpha(opacity=50);
width: 290px;
height: 175px;
position: absolute;
top: 65px;
left: 63px;
z-index: 1;
}
.dialogbox {
border-top: 1px solid #9e9e9e;
border-left: 1px solid #9e9e9e;
border-bottom: 2px outset #7b7b7b;
border-right: 2px outset #7b7b7b;
padding: 0px;
width: 0px;
height: 0px;
width: 292px;
height: 180px;
background-color: #d0d0d0;
z-index: 2;
position: absolute;
top: 50px;
left: 50px;
}
.bannerbox {
padding: 0px;
width: 287px;
height: 23px;
background-color: #000080;
position: relative;
top: 2px;
left: 2px;
}
.heading {
color: #ffffff;
font-family: arial, verdana, san-serif;
font-weight: bold;
font-size: 13px;
padding-left: 5px;
}
.close {
position: relative;
top: 4px;
left: 79px;
}
.questionbox {
border-top: 2px inset #7b7b7b;
border-left: 2px inset #7b7b7b;
border-bottom: 1px solid #9e9e9e;
border-right: 1px solid #9e9e9e;
padding: 20px 2px 0px 4px;
width: 277px;
height: 117px;
font-family: arial, verdana, san-serif;
font-weight: bold;
font-size: 13px;
background-color: #ffffff;
position: absolute;
top: 15px;
left: 3px;
}
</style>
<body>
<form id="Form1" method="post" runat="server">
<div>
<div class="dialogbox">
<!-- Start Banner -->
<div class="bannerbox">
<span class="heading">Please Correct Your Answer.</span>
<span class="close"><img width="16" height="16" border="0" src="joana.gif"></span>
</div>
<!-- End Banner -->
<!-- Start Question -->
<div>
<p align="center" class="questionbox">Your answer indicates that you usually live overseas. Is that correct?<br/>
<br/>
<input type="button" value=" Yes " onClick="hidebox("Q5E
rrorMsg&qu
ot;);"/>&n
bsp;
<input type="button" value=" No " onClick="showbox("Q5E
rrorMsgRes
"); hidebox("Q5ErrorMsg&q
uot;);"/>
</p>
</div>
<!-- End Question -->
</div>
<div class="shadowbox"><img width="1" height="1" src="../../Common/Images/n
ull.gif"/>
</div>
</div>
</form>
</body>
</html>