24 октября 2008 в 22:19
Не знаю как грамотно сверстать такую ситуацию:
Есть div фиксированной высоты и ширины. Эти div'ы выводятся через view и могут содержать текст разной длины.
Внутри каждого надо расположить еще один div, в котором есть разные кнопочки типа "печать", pdf и т.д. Очень хочется, чтобы этот внутренний div был прижат к правому нижнему углу родительского.
Поставил я внутреннему слою position:relative и задал top, НО позиционирование осуществляется не от угла родительского слоя, а от места окончания текста. Поэтому положение слоя с кнопоками изменяется в зависимости от количества строк текста в родительском слое.
Как быть, товариши?
Комментарии
Родительскому слою padding-right и padding-bottom ноль
Дочернему margin-right и margin-bottom тоже ноль
outSide<br/>outSide<br/>outSide<br/>outSide<br/>outSide<br/>outSide<br/>outSide<br/>
outSide<br/>outSide<br/>outSide<br/>outSide<br/>outSide<br/>outSide<br/>outSide<br/>
outSide<br/>outSide<br/>outSide<br/>
<div id="inside"
style="position:relative;width:150px; height:50px; float:right; border:1px solid red; top:-50px;">
inSide Где значение в TOP (это -50px примера) = HEIGHT внутреннего DIVа
</div>
</div>
FLOAT прижмет внутренний к правой границе внешнего DIV - коррекцию на высоту показано как сделать
хотя если высота фиксированная-просто TOP можно для отстыпа сверхи задать и все собсно