спасибо ,но вот на места они  становиться нехотят ,а все вверху я правильно  местоположение задою))они все наверху

а сами дивы где должны находиться вверху или внизу 

Это сообщение отредактировал(а) supervladislav - 14.3.2008, 21:17

Дивы должны охватывать всю контентную область, которая должна быть внутри. И потом, достаточно только внутреннему диву указать размеры - width, а height будет определяться вложенным контентом.

зы тоесть текст должен быть внутри ентих дивов так 

вот так? полная ерунда получилось весь текст в контенте съёживается.А я вот чего подумал может с позиционированием попробовать. 

Съежится он мог только из-за явного ограничения размеров окаймляющих дивов.

зы а  с позиционированием подобное сделать можно

Можно и с позиционированием, только в таком случае количество элементов станет еще больше:

зы а зачем класс майн ))))да вот ещё я сколько читал так и не понял чем absolute от  relative отличается))))а сезжать при разном разрешении не будет?)))
сделал только нижнии две рамки отображаются почему-то на четверть


Это сообщение отредактировал(а) supervladislav - 15.3.2008, 09:58

Класс Мейн нужен для того, чтобы относительно него позиционировать ваши углы-картинки, поэтому ему и задан position: relative; а всем оставшимся элементам внутри него задан position: absolute; то есть последние будут позиционироваться не относительно верхнего левого угла окна броузера, а относительно элемента Мейн.
В двух словах: абсолютнопозиционированные элементы "извлекаются" из нормального хода документа HTML и не оказывают влияния на другие элементы и их можно переместить куда угодно, задав им top: Ypx; и left: Xpx;, причем то место, где они находились как бы "схлопывается".
А относительно позиционированные элементы продолжают физически занимать в документе определенное место (оно остается зарезервированным под них) и в то же самое время их тоже можно переместить как внутри документа, так и за пределы него при помощи отрицательных значений координат.

а почему нижнии две рамки на четверть отображаются может их ниже поставить 

Непонятно вообще, почему вы поставили  bottom:16px; , когда левый нижний угол и правый нижний угол должны иметь координаты bottom: 0px;
Приведите ваш весь код примера.