Новости Joomla

0 Пользователей и 1 Гость просматривают эту тему.
  • 10 Ответов
  • 5677 Просмотров
*

Diki

  • Захожу иногда
  • 184
  • 1 / 0
как сделать div по центру?
« : 18.02.2012, 20:50:00 »
Подскажите пожалуйста как в нутри div блока "zed" сделать по центру div блок "zed1"?
*

Efanych

  • Глобальный модератор
  • 4683
  • 644 / 0
  • Меняю свою жизнь на 360°!
Re: как сделать div по центру?
« Ответ #1 : 18.02.2012, 21:06:56 »
.zed1 {margin:0 auto;}
Создание сайтов, шаблонов, помощь в решении проблем.
*

varX

  • Живу я здесь
  • 2467
  • 141 / 5
  • разработка компонентов
Re: как сделать div по центру?
« Ответ #2 : 18.02.2012, 21:10:12 »
Или так

Код: css
.zed  {
text-align: center;
}
.zed1  {
width: auto;
}
Разработка и ремонт. VirtueMart. JoomShopping. Свои компоненты. Принимаю заявки на plasma-web.ru.
*

danik.html

  • Живу я здесь
  • 2650
  • 353 / 4
Re: как сделать div по центру?
« Ответ #3 : 21.02.2012, 19:23:35 »
.zed1 {margin:0 auto;}
Сработает только если указать ширину:
Код: css
.zed1 {
  margin:0 auto;
  width: 200px;
}
Или так

Код: css
.zed  {
text-align: center;
}
.zed1  {
width: auto;
}
Сработает только если zed1 - строчный елемент. Можно его сделать "строчно-блочным":
Код: css
.zed  {
  text-align: center;
}
.zed1  {
  display: inline-block;
  *display: inline; /* ie 6-7 hack, move it to your ie7.css */
  *zoom: 1; /* ie 6-7 hack */
}
【Мегапак Virtuemart:
 • метатеги (description,keywords)
 • заголовки (title)
 • красивые алиасы (чпу) без тормозов и дублей!
*

varX

  • Живу я здесь
  • 2467
  • 141 / 5
  • разработка компонентов
Re: как сделать div по центру?
« Ответ #4 : 21.02.2012, 20:43:02 »
Или так

Код: css
.zed  {
text-align: center;
}
.zed1  {
width: auto;
}

Сработает в любом случае.
Разработка и ремонт. VirtueMart. JoomShopping. Свои компоненты. Принимаю заявки на plasma-web.ru.
*

danik.html

  • Живу я здесь
  • 2650
  • 353 / 4
Re: как сделать div по центру?
« Ответ #5 : 21.02.2012, 21:29:19 »
http://jsfiddle.net/fJbNL/
Не забывай что тс спрашивает про div'ы, которые и без того уже width: auto, и занимают всю доступную ширину. И твой text-align не подейстует на вложенный div, так как это не строчный элемент.
【Мегапак Virtuemart:
 • метатеги (description,keywords)
 • заголовки (title)
 • красивые алиасы (чпу) без тормозов и дублей!
*

varX

  • Живу я здесь
  • 2467
  • 141 / 5
  • разработка компонентов
Re: как сделать div по центру?
« Ответ #6 : 21.02.2012, 22:00:33 »
http://jsfiddle.net/fJbNL/
Не забывай что тс спрашивает про div'ы, которые и без того уже width: auto, и занимают всю доступную ширину. И твой text-align не подейстует на вложенный div, так как это не строчный элемент.

auto
Устанавливает ширину исходя из типа и содержимого элемента. IE6 не в счет.
Разработка и ремонт. VirtueMart. JoomShopping. Свои компоненты. Принимаю заявки на plasma-web.ru.
*

danik.html

  • Живу я здесь
  • 2650
  • 353 / 4
Re: как сделать div по центру?
« Ответ #7 : 21.02.2012, 22:05:31 »
Тут у нас div, тоесть блочный элемент, а блочные элементы занимают максимально доступную ширину. Пройди по ссылки и погляди - в твоем варианте див растянут на всю ширину контейнера, и никакого центрирования дива не наблюдается (центрируется только текст внутри самого дива)
【Мегапак Virtuemart:
 • метатеги (description,keywords)
 • заголовки (title)
 • красивые алиасы (чпу) без тормозов и дублей!
*

varX

  • Живу я здесь
  • 2467
  • 141 / 5
  • разработка компонентов
Re: как сделать div по центру?
« Ответ #8 : 21.02.2012, 22:09:51 »
блочные элементы занимают максимально доступную ширину, если им не указать width: auto
Разработка и ремонт. VirtueMart. JoomShopping. Свои компоненты. Принимаю заявки на plasma-web.ru.
*

danik.html

  • Живу я здесь
  • 2650
  • 353 / 4
Re: как сделать div по центру?
« Ответ #9 : 21.02.2012, 22:17:18 »
Им не надо указывать width: auto, так как это значение по умолчанию
http://htmlbook.ru/css/width
И в соответствии со спецификацией блочный элемент занимает всю ширину контейнера.
【Мегапак Virtuemart:
 • метатеги (description,keywords)
 • заголовки (title)
 • красивые алиасы (чпу) без тормозов и дублей!
*

kreolka_8

  • Захожу иногда
  • 153
  • 2 / 0
Re: Как сделать div по центру?
« Ответ #10 : 22.04.2013, 00:42:29 »
Добрый вечер.
Я купила шаблон icetheme, шаблон по центру монитора, чуть его расширила. На компе при изменении масштаба- все центрируется ок, а при загрузке на смартфоне или планшете шаблон приклеивается к левому краю, справа появляется отступ. Перепробовала уже все способы центрирования шаблона, не выходит. aqmax.ru
« Последнее редактирование: 22.04.2013, 00:45:51 от kreolka_8 »
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Как сделать?

Автор Twins

Ответов: 3
Просмотров: 1907
Последний ответ 01.07.2021, 13:11:51
от xpank
Как сделать кнопку формы аккаунта?

Автор Evgen Kulibin

Ответов: 0
Просмотров: 1075
Последний ответ 22.04.2021, 22:15:06
от Evgen Kulibin
Как сделать плавающий модуль?

Автор THeCMeX

Ответов: 2
Просмотров: 1232
Последний ответ 08.03.2021, 22:21:01
от Flexderection
[Решено] Как сделать чтобы фотография открылась в отдельном окне?

Автор a-two

Ответов: 11
Просмотров: 2188
Последний ответ 03.11.2020, 16:57:40
от Nikolay89
Как сделать плавающий блок/модуль. Пример есть!

Автор Good_user

Ответов: 8
Просмотров: 12521
Последний ответ 04.04.2020, 13:49:11
от jan_dax