Имеет следующу ситуацию HTML: <div id="content"> <div class="person"> .... </div> <div class="person"> .... </div> <div class="person"> .... </div> <div class="person"> .... </div> <div class="person"> .... </div> <div class="person"> .... </div> </div> [css]#content { text-align: center; font-family: calibri, arial; width: 1000px; } div.person { text-align:center; float: left; width: 200px; min-height:185px; border:1px solid #93B4D9; padding:5px; background: #CADEF4; font-family: arial; font-size: 14px; margin:15px; }[/css] Необходимо сделать так, чтоб все <div class="person"> размещались по центру внутри <div id="content"> Вприведенном выіше коде они прижаты к левому краю. Подскажите п-ста, что я делаю неправильно. Как достичь нужного результата?
в этом случае выравнивает. Но я забыл упомянуть, что <div class="person"> являют собой квадраты, которые должны распологаться по несколько штук в один ряд. Если убираю float: left; - получаем каждый <div class="person"> в новом ряду. Можно ли в таком случае что-то препринять?
тогда внутренности <div id="content"> надо впихнуть еще в один див. внутри которого делать float: left;, а сам же этот средний контейнер выравнивать по центру.
я, кажется, понимаю в чем проблема. Визуально <div id="content"> имеет высоту 0пкс, и <div class="person"> как висять за его пределами. Ранее <div class="person"> были вложены в ячейки таблицы - было все ок.
<div id="content"> <div class="person"> .... </div> <div class="person"> .... </div> <div class="person"> .... </div> <div class="person"> .... </div> <div class="person"> .... </div> <div class="person"> .... </div> <div style="clear: both;"></div> </div>