Модераторы: Illuminaty
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> DIV-ой блок(нефикс) з текстом в центре 
:(
    Опции темы
BAR23
Дата 10.8.2008, 13:47 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 30
Регистрация: 1.6.2008

Репутация: нет
Всего: нет



В интернете есть много примеров как выставлять текст например в центре окна. Если ширина текста фиксированая то вопросов нет. Ето может выглядеть так: 
Код


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Выравнивание слоя по центру</title>
<style type="text/css">

#center {
   width:200px;
   margin: 0 auto; /* Выравниваем по центру */
   background: #fc0; /* Цвет фона */
   }
</style>
</head>
<body>

<div id="center">
Lorem ipsum dolor sit amet...Lorem ipsum dolor sit amet...Lorem ipsum dolor sit amet...Lorem ipsum dolor sit amet...Lorem ipsum dolor sit amet...Lorem ipsum dolor sit amet...Lorem ipsum dolor sit amet...
</div>

</body>
</html> 


Но мне нужно выставить по центру блок с неведомой шириной? Подскажите пожалуйста.
PM MAIL   Вверх
bars80080
Дата 10.8.2008, 13:51 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прапор творюет
****
Награды: 1



Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 50
Всего: 315



Код

body { text-align: center; }
#center { margin-left: auto; margin-right: auto; }

PM MAIL WWW   Вверх
InfMag
Дата 10.8.2008, 13:51 (ссылка)    | (голосов:2) Загрузка ... Загрузка ... Быстрая цитата Цитата


…
***


Профиль
Группа: Завсегдатай
Сообщений: 1037
Регистрация: 21.11.2004

Репутация: нет
Всего: 4



Код

margin: 0 auto; /* Выравниваем по центру */

Первый раз подобное суждение наблюдаю своими глазами. 0_O
margin - это отступы, а не выравнивание
text-align: center;
вот выравнивание

Добавлено через 38 секунд
bars80080, может обьяснишь что делает с margin это auto??
PM   Вверх
BAR23
Дата 10.8.2008, 14:01 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 30
Регистрация: 1.6.2008

Репутация: нет
Всего: нет



Я ето пробовал. Выходит блок ставит по центру текст, но сам блок если закрасить например:
Код

    background: #fc0; /* Цвет фона */

Выходит по ширине окна. Как я предполагаю если к диву применить внешний отступ 
Код

     margin:0px auto;

 
то он должен полностью стать в центр(как с таблицей без ширины)
Можно так сделать?

Присоединённый файл ( Кол-во скачиваний: 6 )
Присоединённый файл  centr.jpg 33,78 Kb
PM MAIL   Вверх
bars80080
Дата 10.8.2008, 14:11 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прапор творюет
****
Награды: 1



Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 50
Всего: 315



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



Цитата(InfMag @  10.8.2008,  13:51 Найти цитируемый пост)
Первый раз подобное суждение наблюдаю своими глазами. 0_O

ну, это ты первый раз. традиционный ход для центрирования в мозиле, автоматическое определение ширины полей. в то время как text-align для блочных элементов понимает только ИЕ
PM MAIL WWW   Вверх
BAR23
Дата 10.8.2008, 14:22 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 30
Регистрация: 1.6.2008

Репутация: нет
Всего: нет



Цитата

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


Да, блок должен быть шириной которая будет определяться информацией в диве.
Тоесть по бокам блока (а не внутри) должен быть отступ. bars80080Можеш дать пример?
PM MAIL   Вверх
bars80080
Дата 11.8.2008, 08:47 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прапор творюет
****
Награды: 1



Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 50
Всего: 315



пример не дам. могу лишь посоветовать воспользоваться свойством min-width для задания минимальной ширины (не работает в ИЕ6), чтобы в случае маленького содержимого блок не растягивался по всей возможной ширине, и выставить margin: 0 auto; для автоматического центрирования в мозиле, и text-align: center; внешнего контейнера для ИЕ
PM MAIL WWW   Вверх
webster
Дата 11.8.2008, 11:41 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 361
Регистрация: 1.1.2007

Репутация: 34
Всего: 34



PM MAIL   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »


 




[ Время генерации скрипта: 0.0467 ]   [ Использовано запросов: 21 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.