www.webdeveloper.com
Results 1 to 2 of 2

Thread: CSS <td> background of dialog box not appearing IE

  1. #1
    Join Date
    Sep 2004
    Location
    Sri Lanka
    Posts
    469

    Question CSS <td> background of dialog box not appearing IE

    Hi,

    I have coded a popup for the following, which shows a hidden div.

    http://www.kindermovies.com/ams-test...h/u/videos.php

    Using IE, if you click on button, add a comment, that is below the player.
    HTML Code:
    <table width="538" border="0" cellspacing="0" cellpadding="0">
            <tr>
              <td height="32" align="left" valign="middle" style="background-image:url(images/coupons-popup-window-header.gif); background-repeat:no-repeat; padding-left:40px; padding-right:10px"><table width="488" border="0" cellspacing="0" cellpadding="0">
                  <tr>
                    <td width="465" class="white_heading">Submit your comment </td>
                    <td width="23"><a href="#"><img src="images/coupons-popup-window-btn-cl.gif" alt="CLOSE" width="23" height="22" border="0"></a></td>
                  </tr>
                </table></td>
            </tr>
            <tr>
              <td align="left" valign="top" bgcolor="#f3f1e5" style="border:1px solid #cb7930"><form name="form1" method="post" action=""><table width="100%"  border="0">
                <tr>
                  <td>&nbsp;</td>
                  <td><div align="right"></div></td>
                  <td>&nbsp;</td>
                  <td>&nbsp;</td>
                </tr>
                <tr>
                  <td>&nbsp;</td>
                  <td><div align="right">Your Name : </div></td>
                  <td>
                    <input name="cmntUserName" type="text" id="cmntUserName" size="30" class="textfeild">
                  </td>
                  <td>&nbsp;</td>
                </tr>
                <tr>
                  <td>&nbsp;</td>
                  <td><div align="right"></div></td>
                  <td>&nbsp;</td>
                  <td>&nbsp;</td>
                </tr>
                <tr>
                  <td>&nbsp;</td>
                  <td><div align="right">Your Email </div></td>
                  <td><input name="cmntEmail" type="text" id="cmntEmail" size="40" class="textfeild"></td>
                  <td>&nbsp;</td>
                </tr>
                <tr>
                  <td>&nbsp;</td>
                  <td><div align="right"></div></td>
                  <td>&nbsp;</td>
                  <td>&nbsp;</td>
                </tr>
                <tr>
                  <td>&nbsp;</td>
                  <td><div align="right">Your Comment </div></td>
                  <td width="40" height="10"><textarea name="comntComment" cols="40" rows="4" wrap="PHYSICAL" id="comntComment" class="textfeild"></textarea></td>
                  <td>&nbsp;</td>
                </tr>
                <tr>
                  <td>&nbsp;</td>
                  <td><div align="right"></div></td>
                  <td>&nbsp;</td>
                  <td>&nbsp;</td>
                </tr>
                <tr>
                  <td>&nbsp;</td>
                  <td><div align="right">Security Code </div></td>
                  <td><img id="captcha" src="securimage/securimage_show.php" alt="CAPTCHA Image" /><a href="#" onclick="document.getElementById('captcha').src = 'securimage/securimage_show.php?' + Math.random(); return false">Reload Image</a><br><input name="cmntCaptcha" type="text" id="cmntCaptcha" size="6" class="textfeild"></td>
                  <td>&nbsp;</td>
                </tr>
                <tr>
                  <td>&nbsp;</td>
                  <td><div align="right"></div></td>
                  <td>&nbsp;</td>
                  <td>&nbsp;</td>
                </tr>
                <tr>
                  <td>&nbsp;</td>
                  <td><div align="right"></div></td>
                  <td> <input type="submit" name="Submit2" value="Submit" class="button"><input type="reset" name="Reset" value="Reset" class="button"></td>
                  <td>&nbsp;</td>
                </tr>
                <tr>
                  <td width="5%">&nbsp;</td>
                  <td width="30%"><div align="right"></div></td>
                  <td width="60%">&nbsp;</td>
                  <td width="5%">&nbsp;</td>
                </tr>
              </table></form></td>
            </tr>
      </table>
    In appearing popup in IE is without background image of title bar.

    I have used the following code in div.

    With firefox its appearing correctly.

    Could someone please let me know, how I can solve this issue.

    .Thanks and Best Regards

  2. #2
    Join Date
    Apr 2003
    Location
    Netherlands
    Posts
    21,654
    Appears correctly in IE7
    Fx the drag does not work.
    The 'close' button does not work at all.
    At least 98% of internet users' DNA is identical to that of chimpanzees

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