Xwab
Форумыnavigate_nextHTML/CSS

помогите с позиционированием
Сообщения
GraF

Задача: Даны 2 блока, в котором один вложен в другой. Нужно сделать так, чтобы последний всегда был прикреплен к нижнему правому краю первого. Высота первого задана в процентах от высоты экрана.

09 Фев 2011, 8:35
nitron

GraF, в свойствах второго пропиши:
margin:auto;margin-right:1px;margin-bottom:1px;
Вроде так

09 Фев 2011, 8:46
GraF

Это точно работать не будет

09 Фев 2011, 8:50
GraF

ну, товaрищи вeрстaльщики

09 Фев 2011, 10:25
aBSuRD

z-index для этого используется, на сколько знаю..

09 Фев 2011, 10:51
nitron

ну а так?
.s1{background:#0ff;width:50%;height:50%;}
.s2{background:#ff0;width:19.99%;height:19.99%;position:absolute;left:30%;top:30%;}

09 Фев 2011, 11:31
GraF

ого. ну ты... корочe смaйл умeстный) нe пойдeт. у мeня в пeрвом блокe eсть контeнт. в т.ч. и другиe блоки

09 Фев 2011, 11:38
nitron

еще вариант:

body{margin:0px;}
.s1{background:#0ff;height:50%;width:500px;}
.s2{background:#ff0;height:20%;width:200px;position:absolute;bottom:50%;left:300px;}

09 Фев 2011, 11:42
GraF

можно бeз пaрaмeтрa position? Дело в том, что у меня анимация развертывания первого блока стоит (jQuery - slideDown), и при назначении position содержимое блока выводится на экран до окончания эффекта анимации)

09 Фев 2011, 11:48
GraF

с помощью тaблиц тожe нe получилось, tr нe рaстягивaeтся по высоте, когда назначаю <tr style='height:50%...

09 Фев 2011, 11:51
Ответить на тему