Hi,
I am new to this types of issues.
I have the following html code and css. I could able to see this popup background correctly in FireFox and Google Chrome but not able to see the background in IE. Please help me in resolving this issue. Thanks in advance
<div id=”div_popup”>
<iframe id=”div_popup_iframe” src=”javascript:”;” marginwidth=”0″ marginheight=”0″ align=”bottom” scrolling=”no” frameborder=”0″ ></iframe>
<%– graphical header –%>
<div id=”div_popup_head” ></div>
<%– popup header (displaying title) –%>
<div class=”activated p_2_avis” id=”div_panel_popup”>
<table cellspacing=”0″ cellpadding=”0″ border=”0″>
<tbody>
<tr>
<td><span class=”span_2″> </span></td>
<td class=”avis_header_title” style=”color: #FFFFFF;”><a:textOut i18n=”internet.off.antragsfragen”/></td>
<td class=”avis_header_info”></td>
</tr>
</tbody>
</table>
</div>
<%– popup content –%>
<div id=”div_popup_background” >
<div id=”div_popup_content”>
</div>
</div>
<%– popup buttons –%>
<div id=”div_popup_buttonlayer” >
<table cellspacing=”0″ cellpadding=”0″ border=”0″>
<tbody>
<tr style=”height: 30px;”>
<td class=”td_59_avis”>* <a:outRefcodeBez allowhtml=”true” key=”internet.geneva.pflichtfelder” typ=”gui_text”/></td>
<td class=”td_88_avis”><span onclick=”closeQuestionPopup();” id=”ButtonClosePopup” class=”link_left”><p><a:outRefcodeBez allowhtml=”true” key=”internet.geneva.backward” typ=”gui_text”/></p></span></td>
<td class=”td_60_avis”>
<span id=”ButtonSaveOfferteLight” class=”link_right” onclick=”closeQuestionPopup();javascript:_submitCommand(‘offerte_light_save’,’person’);”><p><a:textOut i18n=”main.butt.weiter”/></p></span>
</td>
</tr>
</tbody>
</table>
</div>
<%– graphical footer –%>
<div id=”div_popup_footer” ></div>
</div>
css
#div_popup {
background-repeat: no-repeat;
/*display: none;*/
height: 440px;
left: 100px;
position:absolute;
top:100px;
z-index:8000;
}
#div_popup_title {
left: 49px;
position: absolute;
top: 48px;
z-index: 8005;
}
#div_popup_head {
left: 32px;
position: absolute;
top: 81px;
width: 627px;
z-index: 8004;
height: 30px;
}
#div_poup_content {
height: 255px;
left: 32px;
overflow: auto;
position: absolute;
top: 111px;
width: 1000px;
z-index: 8001;
}
#div_popup_close {
top: 30px;
position: absolute;
right: 49px;
z-index: 8005;
}
#div_popup_iframe {
z-index: 1900;
position:absolute;
height:440px;
width:690px;
left:0px;
top:0px;
display:block;
filter:alpha(opacity=0);
}
#div_popup_content {
padding-left:52px;
position: relative;
left:0;
width: 628px;
}
#div_poup_container {
position: relative;
width: 720px;
z-index: 8005;
float: left;
}
#div_panel_popup {
background-image: url(../images/panel_1_2_n_nondot.gif);
height: 32px;
margin-left: 15px;
position: absolute;
top:40px;
width: 665px;
z-index: 8000;
}
#div_popup_head {
background-image: url(../images/popup_header.png);
_background-image: url(../images/popup_header.gif);
height: 55px;
position: relative;
width: 720px;
z-index: 8000;
top: 0px;
left: 0px;
}
#div_popup_footer {
background-image: url(../images/popup_footer.png);
_background-image: url(../images/popup_footer.gif);
height: 55px;
position: relative;
width: 720px;;
z-index: 8000;
left: 0px;
}
#div_popup_background {
background-image: url(../images/popup_background.png);
_background-image: url(../images/popup_background.gif);
background-repeat: repeat-y;
padding-top:30px;
padding-bottom: 10px;
position: static;
}
#div_popup_buttonlayer {
background-image: url(../images/popup_background.png);
_background-image: url(../images/popup_background.gif);
background-repeat: repeat-y;
padding-left:52px;
padding-right:92px;
position:absolute;
width:628px;
z-index:8001;
}