Блог

Главная - Вопросы по программированию - центрировать веб-сайт с помощью masterpage?

центрировать веб-сайт с помощью masterpage?

#asp.net

#asp.net

Вопрос:

Я хочу использовать div для центрирования веб-сайта, следует ли это делать на site.master или на каждой странице?

Спасибо

Ответ №1:

 <div id="wrapper">
  //Rest Of Masterpage
</div>

в CSS

 #wrapper
{
    margin: auto;
}

Это должно центрировать каждый дизайн на вашей masterpage

Комментарии:

1. Думаю, если на самом деле это задано неправильно — некоторые страницы контента выровнены по левому краю, и я сохраню это таким образом, но при просмотре в браузере весь сайт находится слева от экрана, поэтому я хочу, чтобы сайт был центрирован в браузере, а не по контенту, если это имеет смысл … спасибо

2. Вот что это должно сделать для вас. вы должны поместить этот div внутри тела вашей главной страницы и все остальное внутри него. Это позволит центрировать все в окне браузера. Оттуда вы можете применить CSS к определенным областям, чтобы настроить выравнивание текста или что-то еще. Обычно я бы заключил contextplaceholder в div типа <идентификатор div = содержимое»>

3. Если вы хотите увидеть пример того, как это работает прямо на этой странице в stackoverflow, при использовании IE откройте инструменты разработки и перейдите к идентификатору div = content. Его поля присваиваются автоматически слева и справа, что заставляет браузер центрировать весь div.

Ответ №2:

Добавьте этот CSS в свою таблицу стилей

 * { margin:0; padding:0; }
body { text-align:center; }
#container { width:960px; margin:0 auto; text-align:left; }

Затем на главной странице

 <div id="container">

    <asp:ContentPlaceHolder ID="MainContent" runat="server"/>

</div>

Ответ №3:

 <div>
<center>
<asp:ContentPlaceHolder ID="Content1" runat="server"/>
</center>
</div>

Ответ №4:

ASPX:

 <div id="main">
  <asp:ContentPlaceHolder ID="MainContent" runat="server"/>
</div>

CSS:

 #main { margin: 0 auto; }