2
下上在IE的內容不斷擴大,我試圖調試一個問題,一個javascript的div正確地擴展了在大多數情況下,其他的內容,但在一種情況下的內容展開。問題是,我不知道從哪裏開始調試。DIV特定服務器
這種背景下,股利應該擴大在ASP.NET中的第三方網格控件。
在Firefox 5或Chrome 13瀏覽無論是部署開發服務器或從Visual Studio本地運行它的網站,在div適當擴大。使用本地運行網站的IE8,效果也會正常擴展。但是,在部署的站點上使用IE8顯示的網格控件下的div擴展爲。
這表明,我認爲這個問題是我的筆記本電腦和開發服務器之間的差異。從那裏我失去了如何隔離問題並糾正它。
這裏是我使用的頁面代碼:
<div class="ColumnDiv">
<span>
<asp:TextBox ID="ColumnTextBox" runat="server" CssClass="textbox">Show Columns</asp:TextBox>
<img id="ColumnArrow" src="<%= Page.ResolveUrl("~")%>images/DropDownArrow.jpg" style="margin-left: -22px; margin-bottom: -5px" />
<asp:label id="RedAsterisk" style="color:Red; font-weight:bold;" runat="server">*</asp:label>
</span>
<div id="ColumnEffect" class="ui-widget-content" style="height: 145px !important;">
<asp:CheckBoxList ID="ColumnChecks" runat="server">
<asp:ListItem Text="Select All" Value="Select All" />
<!-- Other list items -->
</asp:CheckBoxList>
</div>
</div>
<div>(Control resides here</div>
下面是相關的CSS:
#ColumnEffect
{
width: 249px;
height: 200px;
padding: 0.4em;
left:-1px;
top:20px;
position: absolute;
overflow: auto;
font-family:Calibri, Verdana, Tahoma;
font-size:10pt;
color:Black;
font-weight:normal;
text-decoration:none;
z-index:1;
}
而觸發擴張/摺疊的jQuery:
function RunColumnEffect() {
if (!($('#ColumnEffect').is(":visible")))
{
$("#ColumnEffect").show('blind', 200);
}
else
{
$("#ColumnEffect").hide('blind', 200);
}
};
這已經解決了這個問題 - 非常感謝你! – splatto