Блок по центру в IE и других браузерах

Есть любые вопросы, связанные со стилями/темами для phpBB 2.0.x? Ишите ответы здесь!
Закрыто
Аватара пользователя
KonstRuctor
phpBB 1.0.0
Сообщения: 6
Зарегистрирован: 25.03.2008 19:45
Откуда: Россия, Питер
Контактная информация:

Блок по центру в IE и других браузерах

Сообщение KonstRuctor » 18.10.2008 22:19

Доброе время суток!
Правлю overall_header.tpl:
после

Код: Выделить всё

<body bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">
вставляю

Код: Выделить всё

<div style="margin:0 auto; width:500px; border: 2px solid black">Блок текста по центру</div>
... дальше все как было.

Проблема: блок не хочет выравниваться по центру в IE6 и IE7, стоит слева.
В FF3, Opera 9.6, Safari 3.1, Chrome -- идеально по центру.
С чем может конфликтовать?

Аватара пользователя
Палыч
Former team member
Сообщения: 9683
Зарегистрирован: 24.05.2006 23:20
Откуда: Питер
Благодарил (а): 3 раза
Поблагодарили: 453 раза
Контактная информация:

Re: Блок по центру в IE и других браузерах

Сообщение Палыч » 18.10.2008 22:26

KonstRuctor
Попробуйте text-align: center
http://www.htmlbook.ru/css/text-align.html
Не все то WINDOWS, что висит... phpBB только учусь.
ICQ, email, ЛС - только для личных сообщений. Вопросы по phpbb только на форумах. По найму не работаю.

Аватара пользователя
KonstRuctor
phpBB 1.0.0
Сообщения: 6
Зарегистрирован: 25.03.2008 19:45
Откуда: Россия, Питер
Контактная информация:

Re: Блок по центру в IE и других браузерах

Сообщение KonstRuctor » 18.10.2008 22:37

Текст внутри блока теперь размещен по центру.
Как мне разместить сам блок по центру?
Вернее, как найти, с чем может конфликтовать данный стиль?

Добавлено спустя 10 минут 37 секунд:
Конфликтует с доктип. Установив мой

Код: Выделить всё

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
Все заработало.
За что отвечает строчка

Код: Выделить всё

<html dir="{S_CONTENT_DIRECTION}">
? Можно ее удалить?

Аватара пользователя
Палыч
Former team member
Сообщения: 9683
Зарегистрирован: 24.05.2006 23:20
Откуда: Питер
Благодарил (а): 3 раза
Поблагодарили: 453 раза
Контактная информация:

Re: Блок по центру в IE и других браузерах

Сообщение Палыч » 18.10.2008 23:00

размещение текста слева-направо (справа-налево в некоторых языках)
Не все то WINDOWS, что висит... phpBB только учусь.
ICQ, email, ЛС - только для личных сообщений. Вопросы по phpbb только на форумах. По найму не работаю.

Аватара пользователя
KonstRuctor
phpBB 1.0.0
Сообщения: 6
Зарегистрирован: 25.03.2008 19:45
Откуда: Россия, Питер
Контактная информация:

Re: Блок по центру в IE и других браузерах

Сообщение KonstRuctor » 19.10.2008 14:18

Спасибо! Тема закрыта

Аватара пользователя
FladeX
Former team member
Сообщения: 1935
Зарегистрирован: 02.06.2007 23:44
Откуда: Саранск
Благодарил (а): 7 раз
Поблагодарили: 59 раз
Контактная информация:

Re: Блок по центру в IE и других браузерах

Сообщение FladeX » 19.10.2008 19:36

Если кому-то интересно, то проблемы была в том, что ИЕ не понимает атрибут margin:auto;
Для исправления этого лично я обычно использую следующий алгоритм:
1. Создаю родительский <div>, у которого прописываю text-align: center;
2. Создаю элемент, который как раз нужно отцентровать, прописываю у него ширину (width: ) и отступы (margin: 0 auto; )
//
// Okay, let's do the loop, yeah come on baby let's do the loop
// and it goes like this ...
| phpBB Adept ] | Каталог форумов | генератор sitemap для форумов | форум про форумы

Закрыто

Вернуться в «Стили для phpBB 2.0.x»