2013-03-08 56 views
0

所以問題是,我試圖在ASP.NET中設計一個XHTML頁面,我採取的當前方法一直在擴展頁面大小,當我只是想適應控制在div之內。Asp.net css停止div擴展頁面高度

我在大多數div中使用Relative,因爲我已經閱讀過關於使用絕對是不好的練習。希望這是一個簡單的解決方法,這裏是我傾向於寫的一些類型的代碼。請注意,在這些控件的4個或5個之後,即使在900 + px處屏幕周圍仍有足夠的空間,頁面也將開始高度擴展。

下面的例子使用了一個圖像按鈕,但這也發生在所有其他控件上。如果我添加4-5這些提到它將開始擴大即時通訊設法停止的頁面。

<div class = "MyHeader"> 
    <asp:ImageButton ID="MyHeaderBTN" runat="server" Height="33" Width= "95" ImageUrl="~/Images/anyURL.png" onmouseover="this.src='/Images/anyURLHover.png'" onmouseout="this.src='Images/anyURL.png'"/> 
</div> 

這裏是CSS類

.MyHeader 
{ 
    height: 35px; 
    left: 160px; 
    position: relative; 
    top: -116px; 
    width: 100px; 
} 

編輯:希望這清除它(對不起,我不知道如何使用的jsfiddle)。 最終,我試圖做的是停止網頁高度增加,每當我添加任何新的div。所以沒有(或只有少數)我得到想要的頁面,並且在添加幾個div後,頁面的大小會增加,底部會留下更多的空白空間。

+0

我覺得這個問題不是很清楚。你可以請創建一個jsfiddle(jsfiddle.net)的問題,並給鏈接? – Ron 2013-03-08 00:47:10

+0

在Style/site.css中,應該有一個類:「.main」。嘗試爲它設置一個最大高度屬性,以達到您想要的值。但我需要補充一點,我認爲絕對不是那麼糟糕。請看這裏:http://stackoverflow.com/questions/186044/is-it-considered-bad-practice-to-use-absolute-positioning – johnyTee 2013-03-08 01:05:23

回答

1

感謝JohnyTee建議改變主體的最大高度以及降低最小高度,我能夠阻止頁面擴展,並且我似乎能夠繼續添加相關的項目。

謝謝