Как сделать footer stick на странице asp.net?

У меня есть главная страница в asp.net, которая будет содержать содержимое других страниц, чтобы добавить ContentPlaceHolder. Я хочу иметь нижний колонтитул на главной странице, которая торчит в нижней части usin css, неважно, что отображается на страницах, использующих контент ContentPlaceHolder.Как сделать footer stick на странице asp.net?

Вот моя главная страница:

<body> 
<form id="form1" runat="server" style="height:100%;"> 
<asp:ScriptManager ID="ScriptManager1" runat="server" EnablePageMethods="True"> 
    <Scripts> 
     <asp:ScriptReference Path="Scripts/jquery-1.11.2.min.js" /> 
     <asp:ScriptReference Path="Scripts/CommonMethods.js" /> 
     <asp:ScriptReference Path="Scripts/CommonProperties.js" /> 
     <asp:ScriptReference Path="http://code.jquery.com/ui/1.10.4/jquery-ui.js" /> 
     <asp:ScriptReference Path="Scripts/jquery.watermark.min.js" /> 
    </Scripts> 
</asp:ScriptManager> 
<div id="header"> 
    <h1> 
     SABIS® Educational Systems INC. 
    </h1> 
</div> 
<div id="nav"> 
</div> 
<div id="section"> 
    <asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server"> 
    </asp:ContentPlaceHolder> 
</div> 
<div id="footer"> 
    Copyright © Sabis.net 
</div> 
<asp:ContentPlaceHolder ID="cpClientScript" runat="server"> 
</asp:ContentPlaceHolder> 
</form>

Я пробовал много CSS, но ничего не работает должным образом для меня всегда есть поток !!.

источник

2015-04-19 Baso

Хорошо, я думаю, что вы смешиваете некоторые вещи так сначала: ASP не влияет на то, как браузеры отображают вашу страницу. Это потому, что ASP - это серверный язык, который выводит чистый HTML. Затем этот HTML-код отправляется в ваш браузер вместе с любыми объектами, связанными с (CSS, JavaScript, изображения ...).

Итак, вот где CSS. CSS используется для добавления стиля в HTML. Таким образом, вы абсолютно правы, что CSS - это способ получить описанное вами поведение. Вот как:

div#footer{ // Add the style below to the div with ID "footer" 
    position: fixed; // Set the position to "fixed" to the screen 
    bottom: 0px; // The fixed position should be 0px from the bottom of the screen 
    width: 100%; // Optional, this stretches the div across the width of the screen 
}

Вы можете поместить этот кусок CSS в <style> тега в <head> вашей страницы, но это, как правило, лучше поместить его в отдельный файл .css и ссылку на него в <head> из страницы, например так:

<link rel="stylesheet" href="path/to/stylesheet.css">

Дополнительное чтение: here's a getting started guide about CSS stylesheets.

источник

2015-04-19 14:44:47 DriesOeyen

Спасибо за этот удивительный введение. Я знаю, что вы сказали, но, возможно, я не объяснял себя хорошо, но это мой первый опыт работы с сетью. Любой способ, которым вы предоставили css, работал так, как я хочу. Спасибо. – Baso

Как сделать footer stick на странице asp.net?

ответ

Смежные вопросы