HTML-контент не полностью отображается в IE11 - PullRequest
Новая
       3

HTML-контент не полностью отображается в IE11

0 голосов
/ 24 мая 2018 

  <style type="text/css">


 .modal 
 {
	  /*padding: 5px 50px 10px 100px;*/
	 /*position:relative;*/
	display:inline-flexbox;
	
 }

     	.modal-content {
	 /*width: 400px;
        height: 150px;  

	/*position: absolute; 
bottom: 0;*/
	 display:inline-flexbox;
     	}



#divAttachFileDialog{

 /*white-space: nowrap;*/
 /*display:inline-flexbox;*/
	   /*overflow: hidden;
  text-overflow:clip;*/

}

     .Themebutton:hover
    {
    
    background-color: #1190CA;  
    border: 0px solid #FFFFFF;    
    font-size: 14px;
    color: White;
      cursor:pointer;
    padding: 5px 15px;
    -moz-border-radius: 4px 4px 4px 4px;
     
    }
 .Themebutton
    {
    
    background-color:#3A5A81; 
    border: 0px solid #FFFFFF;
    color: #FFFFFF;    
    }
     </style>
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="MT32_Inbox_AttachFile_Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
	<meta http-equiv="X-UA-Compatible" content="IE=IE11" />
    <title></title>
    <script src="/js/JQ/jquery-1.7.1.min.js" type="text/javascript"></script>
    <script src="/js/JQ/jquery.MultiFile.js" type="text/javascript"></script>     
    <script src="../../../js/AttachFile.js" type="text/javascript"></script>     
       
</head>
<body>
<form id="form1" runat="server">
<div id='divAttachFileDialog' class="modal" style="font-family:Arial;font-size:small;">
<b >Follow the below steps to Attach Maximum of 3 Files with every file size upto 5MB:</b><br /><br />
1.Click on 'Browse' button to select file you wish to attach.With Every browse action you can select one file at a time.<br />
2.Once Browse of upto 3 file is done,Click on 'Attach' to list the files<br />
3.Finally Click on 'Done' to complete file attachment.<br /><br />
    <b>Attach Files<br /></b>
<p>
<asp:Label ID="lblFileUploadMessage" runat="server" Text="" ></asp:Label></p>
    <div runat="server" id="divUpload" style="display: block">
                            </div>
<div class="modal-content">
    <div id="inputsPlace">
<asp:FileUpload ID="ComposeMailMultipleFileUpload" runat="server"  class="multi"  accept="txt|jpeg|jpg|gif|png|xls|doc|docx|xlsx|ppt|pptx|rtf|pdf|zip" maxlength="3" onchange="return CheckAttached();" onclick="return checkfilenumber();"/>
        </div>

<br />
<table><tr><td>
<asp:Button ID="btnAttachMultipleFiles" runat="server" Text="Attach" onclick="btnAttachMultipleFiles_Click" 
OnClientClick ="return CheckAttached();" CssClass="Themebutton" Height="25px" Width="120px"/></td><td>
	
<input type="button" value="Done" id="btnSaveFiles" onclick ="CloseMe();" runat="server" disabled="disabled" class="Themebutton" 
style="height:25px;width:120px"/></td>
            <td>
            <input type="button" value="Clear All" id="btnClear" onclick ="OnClearData();" class="Themebutton" style="height:25px;width:120px"/>
            </td>
            </tr></table>
            <br /><b>Note:</b><br />Use 'Remove' button to discard the file if any selected.<br />Use 'Clear All' to remove all attachment.<br /> Allowed File Extensions -
        <br />
        txt, jpeg, jpg, gif, png, xls, doc, docx, xlsx, ppt, pptx, rtf, pdf.
        <br />
</div>
<asp:HiddenField ID="hdnFileCount" runat="server" />
<asp:HiddenField ID="hdnFileName" runat="server" />
<asp:HiddenField ID="hdnFileNameDisplay" runat="server" />
<asp:HiddenField runat="server" ID="hdnInboxsizeused" />
    <asp:HiddenField runat="server" ID="hdnFiles" />
    <asp:HiddenField ID="hdnBrowseCount" runat="server" />
</div>
</form>
</body>
</html>

Я написал HTML-код на странице aspx, которая будет отображаться в диалоговом окне.Содержимое не полностью просматривается в IE, ожидайте версию 7. Есть ли возможность исправить это?

Ниже приведен код и описание проблемы 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <meta http-equiv="X-UA-Compatible" content="IE=IE11" />
    <title></title>
    <script src="/js/JQ/jquery-1.7.1.min.js" type="text/javascript"></script>
    <script src="/js/JQ/jquery.MultiFile.js" type="text/javascript"></script>     
    <script src="../../../js/AttachFile.js" type="text/javascript"></script>     
     <style type="text/css">


 .modal 
 {
     position:absolute;

 }

        .modal-content {
    position: absolute; 
bottom: 0;

        }



#divAttachFileDialog{

 /*white-space: nowrap;*/
 /*display:inline-flexbox;*/
       /*overflow: hidden;
  text-overflow:clip;*/

}

     .Themebutton:hover
    {

    background-color: #1190CA;  
    border: 0px solid #FFFFFF;    
    font-size: 14px;
    color: White;
      cursor:pointer;
    padding: 5px 15px;
    -moz-border-radius: 4px 4px 4px 4px;

    }
 .Themebutton
    {

    background-color:#3A5A81; 
    border: 0px solid #FFFFFF;
    color: #FFFFFF;    
    }
     </style>    
</head>
<body>
<form id="form1" runat="server">
<div id='divAttachFileDialog' class="modal" style="font-family:Arial;font-size:small;">
<b >Follow the below steps to Attach Maximum of 3 Files with every file size upto 5MB:</b><br /><br />
1.Click on 'Browse' button to select file you wish to attach.With Every browse action you can select one file at a time.<br />
2.Once Browse of upto 3 file is done,Click on 'Attach' to list the files<br />
3.Finally Click on 'Done' to complete file attachment.<br /><br />
    <b>Attach Files<br /></b>
<p>
<asp:Label ID="lblFileUploadMessage" runat="server" Text="" ></asp:Label></p>
    <div runat="server" id="divUpload" style="display: block">
                            </div>
<div class="modal-content">
    <div id="inputsPlace">
<asp:FileUpload ID="ComposeMailMultipleFileUpload" runat="server"  class="multi"  accept="txt|jpeg|jpg|gif|png|xls|doc|docx|xlsx|ppt|pptx|rtf|pdf|zip" maxlength="3" onchange="return CheckAttached();" onclick="return checkfilenumber();"/>
        </div>

<br />
<table><tr><td>
<asp:Button ID="btnAttachMultipleFiles" runat="server" Text="Attach" onclick="btnAttachMultipleFiles_Click" 
OnClientClick ="return CheckAttached();" CssClass="Themebutton" Height="25px" Width="120px"/></td><td>

<input type="button" value="Done" id="btnSaveFiles" onclick ="CloseMe();" runat="server" disabled="disabled" class="Themebutton" 
style="height:25px;width:120px"/></td>
            <td>
            <input type="button" value="Clear All" id="btnClear" onclick ="OnClearData();" class="Themebutton" style="height:25px;width:120px"/>
            </td>
            </tr></table>
            <br /><b>Note:</b><br />Use 'Remove' button to discard the file if any selected.<br />Use 'Clear All' to remove all attachment.<br /> Allowed File Extensions -
        <br />
        txt, jpeg, jpg, gif, png, xls, doc, docx, xlsx, ppt, pptx, rtf, pdf.
        <br />
</div>
<asp:HiddenField ID="hdnFileCount" runat="server" />
<asp:HiddenField ID="hdnFileName" runat="server" />
<asp:HiddenField ID="hdnFileNameDisplay" runat="server" />
<asp:HiddenField runat="server" ID="hdnInboxsizeused" />
    <asp:HiddenField runat="server" ID="hdnFiles" />
    <asp:HiddenField ID="hdnBrowseCount" runat="server" />
</div>
</form>
</body>
</html>

В IE7 все работает нормально.любое свойство может решить проблему?Прикрепление изображения вопроса Может кто-нибудь, пожалуйста, помочь в этом?Заранее спасибо

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...