Выравнивание div'ов внутри div'а если есть float:left

[Satiin]

Есть такое:

Как сделать, чтобы картинки выравнивались по центру относительно container?

- не помогает.

[strix]

а если задать ширину (абсолютную)?

<div id="container" style="position:relative; margin:auto;width:300px">

[Satiin]

К слою container смысла нет применять margin:auto; width:300px; так как позиционироваться будет именно он по отношению к родителю, а нужно, чтобы позиционировались изображения в слое container. Но идея абсолютной ширины помогла. Спасибо strix.

Сделал так:

[ARA]

Обрати внимания!

Что бы ты мог понять что же в действительности происходит, для основного контейнера я добавил красную рамку (ну и указал картинкаи размеры, так наглядней)

CSS:

#container {

border: solid 1px red;}

#container img {width: 88px; height: 31px;}

HTML:

Видишь как расположены блоки в действительности? теперь убери относительное позиционироание контейнера, теперь думаю ты что-то начал понимать!

Div'ы это блочные элементы, когда ты задал выравнивание по левому краю, они выбились из общего потока, и их контейнер не может определить высоту блока, что бы исправить такой косяк, нужно просто блок контейнер ввести в этот "поток" (добавить и для него float, этот способ помоему придумал Эрик Майер)

И не приходиться создавать лишний блок , и стили выносить надо

CSS:

#container {

border: solid 1px red;

position: relative;

float: left;}

#container div {float: left; padding:0px 6px;}

#container img {width: 88px; height: 31px;}

HTML:

Теперь внутрение дивы выравниваются по ценру относительно контейнера!

[Satiin]

Очень поучающе (срочно читать хорошие книги по CSS-верстке, большое спасибо.

Но... Выравнивания как такового нет - контейнер растягивается по ширине контента (как, впрочем, и должен делать). Стоит только поставить ширину контейнера в 100% и картинки оказываются с левого края, где и были до этого:

CSS:

#container {

border: solid 1px red;

position: relative;

float: left;

width:100%;}

[Satiin]

Нашел вот... Хорошо изложено

http://softwaremaniacs.org/blog/2005/08/27/css-layout-flow/

[ARA]

Satiin, хорошая ссылка!

[Dr0n]

Спасибо, нашел для себя, решение похожей проблемы