Satiin

Нашел вот... Хорошо изложено http://softwaremaniacs.org/blog/2005/08/27/css-layout-flow/

Очень поучающе (срочно читать хорошие книги по CSS-верстке, большое спасибо. Но... Выравнивания как такового нет - контейнер растягивается по ширине контента (как, впрочем, и должен делать). Стоит только поставить ширину контейнера в 100% и картинки оказываются с левого края, где и были до этого: CSS: #container { border: solid 1px red; position: relative; float: left; width:100%;}

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

Есть такое: Как сделать, чтобы картинки выравнивались по центру относительно container? - не помогает.

Как сделать так, чтобы элемент (картинка) оставался в 10-ти пикселах от границы развернутого экрана браузера и не съезжал влево, оказываясь поверх других элементов, при сворачивании окна с полноэкранного.

При использовании position: absolute; right:10px - жестко привязывается к границе окна и, при уменьшении размеров окна браузера, уезжает вместе с этой границей влево, накладываясь на другие элементы. Пробовал вставлять в другой div с absolut 'ом - не выходит. [Пока не совсем понимаю логику слоев]