dgthecodeproject Ответов: 4

Как настроить мой сайт так, чтобы он находился в середине браузера?


Приветствия,

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

Я разработал свою веб-страницу с помощью Visual Studio 2003, ASP.Net & код Visual Basic. Теперь мне нужно, чтобы при загрузке этой веб-страницы в браузер она отображалась в середине браузера, а не слева, как сейчас. Есть ли простой способ сделать это?


Заранее спасибо...

deepakaitr12345

Привет..Вы можете использовать центральный тег для этого попробуйте этот тег..



Спасибо

4 Ответов

Рейтинг:
2

Ahmad Aghili

привет.
тег <center> На стороне html-это простой способ установить вашу страницу в центре.

после &ЛТ;тело и GT; тег вставить &ЛТ;центр&ГТ; тега и до конца тег </бобы&ГТ; введите &ЛТ;/центр&ГТ;.


Keith Barrow

Центральная метка устарела. Большинство браузеров все еще поддерживают его, но это не значит, что будущие браузеры будут поддерживать его.

dgthecodeproject

Спасибо, кит...но что такое замена центральной бирки??

Keith Barrow

Нет: W3C признает, что его вообще не должно было быть, поскольку он смешивает определение HTML-документа с макетом. Смотрите мой ответ: все, что нужно сделать, это иметь div с левым/правым полем, установленным на auto. Вы можете скачать html-код по ссылке, которую я добавил к своему первому ответу

Рейтинг:
1

Keith Barrow

Один из способов сделать это (как я обычно делаю)-иметь контейнер div фиксированной ширины с левым и правым полями, установленными в auto. Вы можете скачать базовый макет:
Здесь[^]
хотя вы могли бы найти его родительская галерея [^]полезно, если у вас есть верхний и Нижний колонтитулы и т. д.

[Редактировать]

Html-это:

<html>
  <link rel="stylesheet" type="text/css" href="main.css" />
</head>


<body>

   <!-- Begin Wrapper -->
   <div id="wrapper">

         <!-- Begin Content -->
         <div id="content">
            Your main content goes here
         </div>
         <!-- End Content -->

   </div>
   <!-- End Wrapper -->

</body>
</html>

Вышеизложенное создает div-оболочку (называемую wrapper) все, что вы хотите положить в середину. Вполне вероятно, что вы захотите поместить в эту оболочку более одного div (для верхнего, нижнего и нижнего колонтитулов). У меня осталось только содержание (называется content) в. Чтобы центрировать обертку на странице (включая ее дочерний Верхний колонтитул и содержимое), придайте ей фиксированную ширину и установите ее левое/правое поля на авто.

стиль CSS:

* { padding: 0; margin: 0; }

body {
	background-color:Green;
}
 
#wrapper {
 margin: 0 auto;
 width: 922px;
 background-color:Red;
}

#content {
 background: Yellow;
}


Это упрощенная версия шаблона в моей первой ссылке.


Рейтинг:
1

Ariel Riyo

вы можете разместить свой контент в подразделении, а затем выровнять его по центру. это намек. надеюсь, это поможет. :)


dgthecodeproject

Я действительно попробовал эту штуку, но безуспешно....

Пожалуйста, не могли бы вы показать мне образец этого!

Рейтинг:
0

FrostedSyntax

используйте таблицу внутри вашей формы и установите ее выравнивание на "центр".
Например:

<form>
    <table width="900" cellpadding="0" cellspacing="0" align="center">
    </table>
</form>


Keith Barrow

Рискуя развязать междоусобную войну, использование таблиц для форматирования нарушает смысловое значение страницы. Это не просто теория: средства специальных возможностей (например, программы чтения с экрана для слепых) используют семантику. Таблицы предназначены для табличных данных.
Я нашел эту ссылку http://www.redefinedwebdesign.com/table-vs-css-layout она менее односторонняя, чем многие страницы, но и не такая глубокая. Google "div vs table" макет, и вы увидите разделение (каламбур!) что эти две стратегии вызывают.