修复的div

-2

冗长的一个位置，但只有解释part.I我在ASP.NET工作和页面出来，就像我wanted.But不知何故，在小提琴相同的代码是没有的。 http://jsfiddle.net/yucRt/修复的div

.logodiv 
{ 
width:100%; 
background-color:#495C6E; 
height:7%; 
color:white; 
}  
.menu 
{ 
background-color:#335E89; 
height:5%; 
} 
.content 
{ 
border:1px solid #C2C8BD; 
margin:0 0.6% 0.6% 0.6%; 
height:84%; 
border-radius:3px; 
border-top:none; 
padding-top:1%; 
padding-left:1%; 
padding-right:1.1%; 
} 
.panelsearch 
{ 
width:100%; 
border:1px solid red; 
height:6%; 
} 
.panelgrid 
{ 
width:100%; 
border:1px solid red; 
height:57%;  
} 
.paneledit 
{ 
width:100%; 
border:1px solid red; 
height:34%; 
}

因此，我也上传了图像。 enter image description here

所有3周的div（红色边框）放在内容的div为白色边框里，你可以看到。

我想要的（但未能acheive）：

（1）。 logodiv和menudiv应该用垂直滚动来修复。

（2）。搜索面板应该是高度，因为它们出现在图片中，不应该用较小的内容压缩。

（3）。编辑面板应该扩展一个/ g到它的内容，所以应该是ContentDiv。

我的尝试：

把两个logodiv和menudiv内

<div style="position:fixed;top:0"></div>.

虽然这让他们固定的，它覆盖了指定高度，对那些2周的div内，这意味着，无论是logodiv & menudiv现在是相同的高度。

取得（3）通过移除用于contentdiv和editpanel高度和添加

overflow:hidden

两者。但是，如果页面在3个面板中没有任何文本，则全部压缩。

来源

2013-08-18 Ruby

把生成的html放在小提琴中，而不是asp源代码。 – FakeRainBrigand

我相信，你无法查看小提琴页面。和我一样。这是一个错误。我第一次能够看到，但现在不能看。在这里的论坛发生其他问题。顺便说一句，小提琴中的代码只有HTML。 – Ruby

我可以认为它很好。它有像''这样的标签。如果您遇到问题，请在Chrome中打开隐身窗口，然后在该窗口中执行此操作。 – FakeRainBrigand

我改变你的HTML像这样，为CSS，你可以看到Demo。

<body> 
    <form id="form1" runat="server"> 
    <div class="logodiv"> 
    LOGO DIV 
    </div> 
    <div class="menu"> 
     MENU DIV 
     </div> 
     <div class="content"> 
      <div id="pnlSearch" class="panelsearch"> 
     <asp:Panel ID="pnlSearch" runat="server"> 
     Search Panel 
    </asp:Panel> 
    </div> 
    <div id="pnlGrid" class="panelgrid"> 
     <asp:Panel ID="pnlGrid" runat="server"> 
     Grid Panel 
    </asp:Panel> 
    </div> 
    <div id="pnlEdit" class="paneledit"> 
     <asp:Panel ID="pnlEdit" runat="server"> 
     Edit Panel 
    </asp:Panel> 
    </div> 
     </div> 
    </form> 
</body>

来源

2013-08-18 09:53:58

：非常感谢。有效。我看到你已经给出了3个红色格子的最小高度。我只是希望他们在％，而不是PX，COS这可能会随着显示器/屏幕尺寸而变化。对？只有px正在工作，但不是％。为什么它如此 – Ruby

％因为代码是基于px.Now看它而无法正常工作。它基于％及其工作.http：//jsfiddle.net/yucRt/5/ –

再次感谢您。我只是将宽度：100％和z-index：1添加到菜单类，因为它与logodiv重叠。 – Ruby

回答

相关问题