Проблема с выравниванием CSS DIV - PullRequest
Новая
       16

Проблема с выравниванием CSS DIV

0 голосов
/ 26 апреля 2010

Если декларация doctype равна <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 TRANSITIONAL//EN">, каков наилучший способ горизонтального выравнивания DIV, например: 

<div id="outer"><div id="inner">Some text</div></div>

CSS это: 

#outer{ border-top:1px dotted #999; background-color: #F4F4F4; width:100%;}
#inner{ width:500px;border:1px solid #F00; margin:auto;}

То, что я хочу сделать, - это выравнивание внутреннего DIV по центру (по горизонтали) внутри внешнего DIV. Этот CSS работает нормально, если декларация типа документа <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Ответы [ 2 ]

1 голос
/ 26 апреля 2010

Не знаю, какой браузер вы используете, но вы можете изменить 

 #outer{ border-top:1px dotted #999; background-color: #F4F4F4; width:100%;}

до: 

 #outer{ border-top:1px dotted #999; background-color: #F4F4F4; width:100%; text-align:center;}

Хотя ... я проверил ваш код на IE8, FireFox и Chrome, и все три работали как очаровательная ...

0 голосов
/ 26 апреля 2010

Кажется, вам нужно немного узнать о режиме причуд .

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...