CSS. Размещение нижнего колонтитула внизу веб-страницы (не внизу экрана) на страницах ASP

Question

Я прочитал много подходов относительно размещения нижнего колонтитула на веб-странице с помощью CSS. Между другими я нашел решения, в том числе и в SO. Проблема в том (я думаю), что большинство из них не применяются на страницах asp.

Итак, вопрос в том, как разместить нижний колонтитул с чистым CSS на страницах Asp?

Прежде чем опубликовать свой ответ, вы должны принять во внимание следующее.

1. Я использую мастер-страницу (если эта имеет какое-либо отношение)
2. Веб-страница содержит элемент формы, который, по моему мнению, разрушает размещение нижнего колонтитула в нижней части веб-страницы.

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

Итак, вы можете начать понижающее голосование, но я думаю, что существует другой подход к размещению нижнего колонтитула с помощью CSS на страницах Asp.Net

Answer 1

Нет, ASP.NET по-прежнему отображает старый, простой HTML. Добавьте шаблон CSS на свою главную страницу, как если бы вы создали шаблон на сайте HTML.

Если у вас возникли проблемы с реализацией определенного дизайна CSS, вы можете опубликовать эти детали с помощью кода, и я уверен, что кто-то может помочь.

Answer 2

Все, что отображается в браузере, обязательно должно быть HTML (или XHTML). Таким образом, проблема с CSS не является правдой. Уже вы используете мастер. Так что дизайн мастер хорошо со всем CSS и вашим содержанием сердца. Страница будет отображена хорошо. Вы можете проверить визуализированный (X) HTML и посмотреть, что могло пойти не так, если таковые имеются.

Answer 3

Использование мастер-страницы ничего не меняет. Вы можете иметь содержимое нижнего колонтитула на главной странице и связать с ним связанный CSS. Или, если вы хотите сделать его более гибким, вы можете создать пользовательский элемент управления, скажем, FooterUC.ascx и использовать его на главной странице. В обоих случаях страница будет отображаться в формате HTML и не будет иметь никакого значения для конечного пользователя. Тег формы не будет портить любой макет пользовательского интерфейса, так как его единственной целью является включение обратных передач на сервер для любых элементов управления asp.net.

Answer 4

Попробуйте этот образец, это чистый CSS:

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