JQGrid页眉高度

我在ASP .NET MVC应用程序中使用JQGrid。电网本身运作良好。但是，网格的标题高度（或页面上的第一个网格）正在增长，以匹配我左侧导航菜单的高度。这里是我拥有的大部分Site.Master布局。我只是不明白为什么会发生这种情况。JQGrid页眉高度

<div class="page"> 
     <div> 
      <div id="left"> 
       <div id="leftnavmenu"> 
         <%= Html.MvcSiteMap().Menu("MvcSiteMapProvider", "activenav")%> 
       </div> 

       <div id="leftnav-msg"> 
         Message goes here 
       </div> 
      </div> 

      <div id="main"> 
       <div id="mainsitename"> 
        <div id="mainsitenameimage"></div> 
        <div id="mainsitename1">Intake Tool</div>     
       </div> 
       <div id="mainpagetitle">     
         <%--<%=Html.MvcSiteMap().SiteMapPath(" &gt; ") %>--%> 
         <asp:ContentPlaceHolder ID="PageTitle" runat="server" /> 
       </div> 

       <asp:ContentPlaceHolder ID="MainContent" runat="server" /> 

       <div id="maintabledata"> 
        <asp:ContentPlaceHolder ID="TableContent" runat="server" /> 
       </div> 

       <div id="footer"></div> 
      </div> 
     </div> 
    </div>

来源

2010-10-19 user480519

您能否描述一个问题：“网格的页眉高度（或网页上的第一个网格）正在增长”更确切地说。我不确定你的意思。一张照片也会有帮助。 – Oleg 2010-10-19 13:47:32

第二个图片的请求...在这种情况下，它可能真的值得千言万语:) – 2010-10-19 14:27:11

我认为#left有float:left风格，同时#main没有。这似乎是jqGrid的一个错误。有another post处理完全相同的问题。

我实际上已经创建了一个说明问题的jsFiddle example。

在另一篇文章奥列格建议你使用float：left并排<div> s，与另一个明确的div：都在它们之后。这在我的情况下不起作用，因为我想要正确的div扩展到浏览器窗口的整个剩余宽度。浮动<div> s必须有明确的宽度与他们相关联（如果不是，他们采取其中最宽的元素的宽度）。

对我而言，一种解决方法是将漂浮的<div>的高度设置为小（1px），并为该div的内容设置明确的高度。这在上面的jsFiddle中有说明。

来源

2011-11-18 01:54:33 Pando

JQGrid页眉高度

回答

相关问题