Представление совместимости в IE 8 вызывает проблему, когда я использую Ajax control Toolkit на веб-странице - PullRequest
Новая
       4

Представление совместимости в IE 8 вызывает проблему, когда я использую Ajax control Toolkit на веб-странице

0 голосов
/ 15 ноября 2011 
 <div id="Collapse" runat="server" style="width: 188px; position: relative; top: -446px;
                left: 433px">
                <asp:UpdatePanel ID="UpdatePanel1" runat="server">
                    <ContentTemplate>
                        <asp:Panel ID="pHeader" runat="server" CssClass="cpHeader">
                            <asp:Label ID="lblText" runat="server" />
                        </asp:Panel>
                        <asp:Panel ID="pBody" runat="server" ScrollBars="Auto" CssClass="cpBody">
                            <asp:ListBox ID="lst_groupmembers" Enabled="false" Width="150px" runat="server" DataValueField="Name">
                            </asp:ListBox>
                        </asp:Panel>
                        <asp:CollapsiblePanelExtender ID="CollapsiblePanelExtender1" runat="server" TargetControlID="pBody"
                            CollapseControlID="pHeader" ExpandControlID="pHeader" Collapsed="true" TextLabelID="lblText"
                            CollapsedText="Click to Show Group Members" ExpandedText="Click to Hide Group Members"
                            CollapsedSize="0" />
                    </ContentTemplate>
                </asp:UpdatePanel>
            </div>

У меня есть этот тег div внутри панели, и все отлично работает, в chrome и IE 8. Но когда я запускаю IE8 в режиме просмотра совместимости, тег div и его содержимое перемещаются в правую часть экрана, и он отображается за пределами границы страницы, почему эта проблема возникает в режиме просмотра совместимости IE 8.

И у меня также есть ползунок, который отображается во всех браузерах, но когда я работаю в режиме просмотра совместимости IE8, ползунок уменьшается, и я не могу его сдвинуть, потому что он слишком маленький, я не могу его передвинуть , Как я могу решить выпущенный с режимом просмотра совместимости IE8. Спасибо 

  <script type="text/javascript">
        function pageLoad(sender, args) {
            $('.datePicker').datetimepicker({ dateFormat: 'dd/mm/yy' });
            $(function () {
                $("#slider-range").slider({
                    range: true,
                    min: 0,
                    max: 100,
                    values: [25, 75],
                    slide: function (event, ui) {
                        $("#minval").val("" + ui.values[0] + " - " + ui.values[1]);
                    }
                });
                $("#minval").val("" + $("#slider-range").slider("values", 0) +
            " - " + $("#slider-range").slider("values", 1));
            });
        }
    </script>

 <input type="text" id="minval" name="minval" style="font-weight: bold;" /><asp:Image
                                    ID="Image6" ImageUrl="Styles/images/tooltip1.png" ToolTip="Set the lower and upper bounds for message response threshold"
                                    runat="server" />
                                <div id="slider-range">
                                </div>
...