2010-04-17 121 views
0

我已經閱讀了很多關於在CSS網頁中放置頁腳的方法。在其他人之間,我也找到了解決方案。問題是(我認爲)其中大多數不適用於asp頁面。CSS。將頁腳放置在網頁底部(不在屏幕的底部)ASP Pages

所以問題是我怎樣才能在ASP頁面中放置純CSS的頁腳?

在您發佈答案之前,您必須注意以下事項。

  1. 我使用的是母版頁(如果這其中有什麼關係)
  2. 該網頁包含表單元素,我相信破壞頁腳在網頁底部的配售。

<form name="aspnetForm" method="post" action="Default.aspx" id="aspnetForm">

所以,你可能會開始向下投票,但我認爲存在關於Asp.Net頁面的CSS頁腳位置

回答

4

沒有,ASP.NET仍然是一個不同的方法最終呈現普通的舊HTML。就像在HTML網站中創建模板一樣,將CSS模板添加到主頁面。

如果您在實現某個CSS設計時遇到問題,可以使用代碼發佈這些詳細信息,我相信有人可以提供幫助。

+0

這是事實,但很多網上的例子(http://www.lwis.net/journal/2008/02/08/pure-css-sticky-頁腳/)粘腳沒有提及窗體元素。如果您將表單元素添加到此:html,body,#container {height:100%; }你應該沒問題。 – FiveTools 2010-11-06 18:36:41

2

任何呈現在瀏覽器上的東西都必須是HTML(或XHTML)。所以CSS沒有接管的問題是不正確的。你已經在使用一個主人了。因此,設計好所有CSS和你的心的內容。該頁面將呈現良好。您可以檢查呈現的(X)HTML並查看可能出錯的地方(如果有的話)。

1

使用母版頁不會改變任何內容。您可以在主頁面中包含頁腳內容並鏈接其中的相關CSS。或者,如果您想使其更加靈活,可以創建一個用戶控件,例如FooterUC.ascx,並在主頁面中使用該控件。在這兩種情況下,頁面都將呈現爲HTML,並且不會對最終用戶產生任何影響。 form標籤不會混淆任何UI佈局,因爲它的唯一目的是在任何asp.net控件上啓用回發到服務器。

0

試試這個樣品是純CSS:

<div style="margin-top: 10px; bottom: 0px; width:100%; position: fixed; background-color: #000000; color:#ffffff;"> 
test</div>