dcsimg
www.webdeveloper.com
Results 1 to 2 of 2

Thread: div position absolute not showing background in IE

  1. #1
    Join Date
    Jul 2012
    Posts
    1

    div position absolute not showing background in IE

    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">&nbsp;</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">*&nbsp;<autRefcodeBez allowhtml="true" key="internet.geneva.pflichtfelder" typ="gui_text"/></td>
    <td class="td_88_avis"><span onclick="closeQuestionPopup();" id="ButtonClosePopup" class="link_left"><p><autRefcodeBez 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:textO ut 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;

    }

  2. #2
    Join Date
    Jun 2006
    Location
    Boston, MA
    Posts
    383
    please put your code within the HTML formatting brackets. Its the <> icon above the white wysiwyg.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles