Доброго времени суток, 

Обращаюсь к мастерам html+css верстки в надежде получить полезный совет.
У меня возникла проблема с позиционированием некоторых элементов по вертикали, а именно: их необходимо расположить на расстоянии 10 px по вертикали от последнего дива в контейнере. 
Вот схема дивов:


Задача:
image, div7 и div6 позиционировать по низу, на расстоянии 10px от div 8 ("crealing div").
Контент может изменяться, следовательно высота дивов тоже. Надо что бы указанные дивы всегда были внизу.

Буду рад любым советам, рекомендациям или ссылкам по этому поводу. Спасибо заранее.


Это сообщение отредактировал(а) Slazen12 - 10.1.2009, 22:41

Рулетку надо поставить бэкгроундом к элементу <div class="content">:
Справиться же с проблемой адресов тоже достаточно не сложно:
И еще поставить для

webster, 

Спасибо. С рулеткой все нормально получается. (Толкьо я поставил background-position: 10px 100%, что бы центрировать в колонке)

А вот с .contacts не получается. 
При внесении следующих изменений:

в IE6 контакты не отображаются, 
В  FF отображаются, но прямо внизу, "наезжая" на рулетку. Правда bottom:120px для .contacts решает эту проблему. А вот с IE6 чтоделать?

Это сообщение отредактировал(а) Slazen12 - 20.11.2008, 13:10

Если переместить <div class="contacts"> прямо под  <ul id="submenu">, то все будет ОК!

точно...
но блоки намеренно идут в таком порядке: 
сначала меню, потом субменю, потом основное содержание, а потом уже все остальное....Ну что-ж, сейчас буду уже решать, что для меня важнее, 
спасибо за дельные советы  

...а по поводу того, что бы эти элементы "плавали" -  это реально сделать без JS ?
можете хоть дать намек, в каком направлении копать?