Страница 1 из 1
Блок по центру в IE и других браузерах
Добавлено: 18.10.2008 22:19
KonstRuctor
Доброе время суток!
Правлю 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 -- идеально по центру.
С чем может конфликтовать?
Re: Блок по центру в IE и других браузерах
Добавлено: 18.10.2008 22:26
Палыч
KonstRuctor
Попробуйте text-align: center
http://www.htmlbook.ru/css/text-align.html
Re: Блок по центру в IE и других браузерах
Добавлено: 18.10.2008 22:37
KonstRuctor
Текст внутри блока теперь размещен по центру.
Как мне разместить сам блок по центру?
Вернее, как найти, с чем может конфликтовать данный стиль?
Добавлено спустя 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">
Все заработало.
За что отвечает строчка
? Можно ее удалить?
Re: Блок по центру в IE и других браузерах
Добавлено: 18.10.2008 23:00
Палыч
размещение текста слева-направо (справа-налево в некоторых языках)
Re: Блок по центру в IE и других браузерах
Добавлено: 19.10.2008 14:18
KonstRuctor
Спасибо! Тема закрыта
Re: Блок по центру в IE и других браузерах
Добавлено: 19.10.2008 19:36
FladeX
Если кому-то интересно, то проблемы была в том, что ИЕ не понимает атрибут margin:auto;
Для исправления этого лично я обычно использую следующий алгоритм:
1. Создаю родительский <div>, у которого прописываю text-align: center;
2. Создаю элемент, который как раз нужно отцентровать, прописываю у него ширину (width: ) и отступы (margin: 0 auto; )