Консультация № 109067
12.11.2007, 15:10
0.00 руб.
0 1 1
Уважаемые эксперты, здравствуйте!
У меня возникли проблемы с выравниванием содержимого в теге 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, или еще чего-либо.


Приложение:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><HTML> <HEAD> <TITLE>Step 2: multicolumn body (div)</TITLE> <STYLE type="text/css"> <!-- .ancestor { text-align:center; border-style:double; } .descendant { width:400px; border-color: green; border-style:double; } --> </STYLE> </HEAD> <BODY> <DIV class="ancestor"> text; text; text; text; text;<BR> text; text; text; text; text;<BR> <DIV class="descendant"> text; text; text; text; text;<BR> text; text; text; text; text;<BR> </DIV> </DIV> </BODY></HTML>

Обсуждение

Неизвестный
12.11.2007, 20:16
общий
это ответ
Здравствуйте, Strider-13!
Конечно, нет ничего проще. Чтобы выровнять содержимое вложенных блоков DIV строится следующее правило:
div div {
/*
Содержимое стилей
*/
text-align:center;
}
Изучайте CSS внимательнее. Вместо слов div уместно добавить имя конкретного тега (#ImyaTega) или определенный класс тегов (.OpredelennyjClassTegov). Образец записи приведен в скобках. Тогда Вы сможете точнее писать правила.
Если что неясно, пишите. Удачи!
Форма ответа