Версия для печати темы

Нажмите сюда для просмотра этой темы в обычном формате

Форум веб-мастеров _ Общие вопросы _ Центризование странички

Автор: Velka 1.7.2008, 10:52

Здаравствуйте!

помогите пожалуйста:
у меня страница небольшая. и отражается в лево верхнем углу экрана (не растягивается на весь экран), как можно ее поставить по центру, а то столько пустого места - не красиво???

Автор: Владислав Алексеевич 1.7.2008, 19:59

Есть несколько вариантов выровнять содержимое страницы по горизонтальному центру.
Вертикальное тоже возможно, на вскидку не припомню сразу..
Способы центрирования по горизонтали:

1. Использовать тег <CENTER>
2. Воспользоваться тегом <DIV>
3. Разместить страницу внутри таблицы, и выравнивать таблицу по центру

Пример 1:

Код

<body>
<center>Текст в середине</center>
</body>

Пример 2:

Код

<body>
<div align="center">Текст в середине</div>
</body>

Пример 3:

Код

<body>
<table width="auto" border="0" cellpadding="0" cellspacing="0" align="center">
  <tr>
    <td>Содержимое единственной ячейки</td>
  </tr>
</table>
</body>

Здесь внимание на свойство align="center", а также чтобы убрать нежелательные "разрывы" между ячейками, пишем border="0" cellpadding="0" cellspacing="0". Ширина таблицы по содержимому width="auto".

Автор: Velka 2.7.2008, 10:05

спс, справилась))
а возможно сжатие-растягивание страницы на экран в зависимости от разрешения экрана?? чтобы при расширении 600на800 на весь экран и при 2048на1536 тоже на весь.

Автор: Владислав Алексеевич 4.7.2008, 22:39

Распространенный вариант - использовать таблицы.
Идея простая. Некоторые ячейки таблицы имеют фиксированные размеры, а другие - растягивающиеся.
Каждой ячейке таблицы можно назначить свой задний фон. (я говорю НЕ о теге <IMG>)
Те части, которые должны растягаваться, имеют ширину(высоту) width="100%" (height="100%").
Зданий фон устанавливается свойством background="имя_файла".
Дополнительные фичи по заднему фону настраиваются в свойстве style="параметры". (Можно делать повторяющийся фон по X, или Y, или обоим сразу).
Что бы данные (содержимые ячеек) выглядели целыми, расстояния между клетками таблицы нужно убрать в нуль. (см. мой предыдущий топик).

Совет: говорят, лучше не использовать в таблицах объединённые ячейки, т.к. где-то они могут не отобразиться, и сайт будет выглядеть не красиво. Лучше все таблицы свести к "правильным" прямоугольным формам. (разумеется, придётся использовать таблицы внутри таблиц)