веб-мастеру блог веб-мастера Статьи Веб-Мастера SEO Tools книги веб-мастеру

IPB

Здравствуйте, гость ( Вход | Регистрация )

 
Ответить в эту темуОткрыть новую тему
> Центризование странички, нужна помощь
Velka
сообщение 1.7.2008, 11:52
Сообщение #1


Начинающий
***

Группа: Свои
Сообщений: 75
Регистрация: 23.7.2007
Из: Пермский край
Пользователь №: 148



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

помогите пожалуйста:
у меня страница небольшая. и отражается в лево верхнем углу экрана (не растягивается на весь экран), как можно ее поставить по центру, а то столько пустого места - не красиво???
Пользователь в офлайнеКарточка пользователяОтправить личное сообщение
Вернуться в начало страницы
+Ответить с цитированием данного сообщения
Владислав Алексеевич
сообщение 1.7.2008, 20:59
Сообщение #2


Начинающий
***

Группа: Свои
Сообщений: 37
Регистрация: 14.6.2008
Пользователь №: 903



Есть несколько вариантов выровнять содержимое страницы по горизонтальному центру.
Вертикальное тоже возможно, на вскидку не припомню сразу..
Способы центрирования по горизонтали:
  • 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".


--------------------
( icq: chеtыре-pяtь-chетырe-чеtыrе-chетыre-sеmь-nulь-dеvяtь-pяtь )
Пользователь в офлайнеКарточка пользователяОтправить личное сообщение
Вернуться в начало страницы
+Ответить с цитированием данного сообщения
Velka
сообщение 2.7.2008, 11:05
Сообщение #3


Начинающий
***

Группа: Свои
Сообщений: 75
Регистрация: 23.7.2007
Из: Пермский край
Пользователь №: 148



спс, справилась))
а возможно сжатие-растягивание страницы на экран в зависимости от разрешения экрана?? чтобы при расширении 600на800 на весь экран и при 2048на1536 тоже на весь.
Пользователь в офлайнеКарточка пользователяОтправить личное сообщение
Вернуться в начало страницы
+Ответить с цитированием данного сообщения
Владислав Алексеевич
сообщение 4.7.2008, 23:39
Сообщение #4


Начинающий
***

Группа: Свои
Сообщений: 37
Регистрация: 14.6.2008
Пользователь №: 903



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

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


--------------------
( icq: chеtыре-pяtь-chетырe-чеtыrе-chетыre-sеmь-nulь-dеvяtь-pяtь )
Пользователь в офлайнеКарточка пользователяОтправить личное сообщение
Вернуться в начало страницы
+Ответить с цитированием данного сообщения

Быстрый ответОтветить в эту темуОткрыть новую тему
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0

 



- Текстовая версия Сейчас: 13.10.2008, 7:12
^ ВВЕРХ ^

Посетите наши проекты:
медицинский справочник заболеваний
книги программирование