Вопрос № 109067: Уважаемые эксперты, здравствуйте!
У меня возникли проблемы с выравниванием содержимого в теге DIV (привожу листинг страницы). Проблема заключается в том, что вложенный тег DIV (класс descendant) не выравнивается по центру, хотя родительский тег D...
Вопрос № 109.067
Уважаемые эксперты, здравствуйте!
У меня возникли проблемы с выравниванием содержимого в теге DIV (привожу листинг страницы). Проблема заключается в том, что вложенный тег DIV (класс descendant) не выравнивается по центру, хотя родительский тег DIV (класс ancestor) должен выравнивать содержимое по центру в силу установленного свойства text-align:center. Причем в браузере MSIE версии 6.0.2900.2180. страница отображается корректно, а некорректно – в браузерах Mozilla Firefox 2.0.0.6, Opera 9.20, Flock 0.7.11. А текст и изображения выравниваются
по центру во всех браузерах!
А вопрос заключается в следующем: можно ли добиться выравнивания по центру блоков текста (DIV) вложенных в такие же блоки, используя только лишь CSS, т.е. не прибегая к помощи атрибута align или утаревшего тега CENTER, или еще чего-либо.
Приложение:
Отправлен: 12.11.2007, 15:10
Вопрос задал: Strider-13 (статус: Посетитель)
Всего ответов: 1 Мини-форум вопроса >>> (сообщений: 1)
Отвечает: Товарищ Бородин
Здравствуйте, Strider-13!
Конечно, нет ничего проще. Чтобы выровнять содержимое вложенных блоков DIV строится следующее правило:
div div {
/*
Содержимое стилей
*/
text-align:center;
}
Изучайте CSS внимательнее. Вместо слов div уместно добавить имя конкретного тега (#ImyaTega) или определенный класс тегов (.OpredelennyjClassTegov). Образец записи приведен в скобках. Тогда Вы сможете точнее писать правила.
Если что неясно, пишите. Удачи!
--------- Ничто не сближает людей так, как совместное преступление.
Ответ отправил: Товарищ Бородин (статус: Студент)
Ответ отправлен: 12.11.2007, 20:16 Оценка за ответ: 3 Комментарий оценки: Спасибо за ответ, но, возможно, вы меня не правильно поняли: меня интересует выравнивание вложенных блоков DIV, а не выравнивание содержимого вложенных блоков DIV. Вообще, хотелось бы, чтобы приведенная страница отображалась в Mozilla Firefox 2.0.0.6 и Opera 9.20 так же, как отображается в MSIE 6.0.2900.2180. Конструкция DIV DIV{...}, как вы понимаете в этом случае ничего не
изменит.