[CSS] Positioning

pilot

В HTML страничке есть такое:

  

<div class="column" id="column_0" >

   <span class="tabs-column-num">0</span>

   <span class="foo">

      <a class="bar">+</a>

   </span>

   <br/>

   <input type="text" size=15  value="foo"/>

</div>

Хочется чтоб span.foo (или a.bar) была всегда в верхнем правом углу колонки div.column.
При этом в прооцессе работы ширина колонки div.column меняется, т.е. не годятся абсолютные сдвиги.
Есть ли способ сделать такое?
Наверх поднимаем с помощью vertical-align, а как сдвинуть вправо?
(Для firefox, если зависит от браузера)
Для чего это всё надо: в правом верхнем углу колонки "менюшка" с кнопкой "убрать колонку".

pilot

Например:

 

span.foo { vertical-align : top;

                            margin-top : 3px;

                            margin-right : 3px;

                            position: relative;

                            left : 25%; 

                            }

Такая штука не работает - после изменения ширины колонки позиция кнопки не пересчитывается, да и позиция задана "в процентах", что нехорошо
------
right: 0px; - не двигает "границу к границе"
--------
float:right; - колонка разъезжается на весь экран(кнопка подпирает либо до максимальной ширины - если задать max-width.

artimon

.column {

	position: relative;

}

.foo {

	position: absolute;

	top: 0;

	right: 0;

}

pilot

О, спасибо.

Но проблема остается (видимо сначала я неправильно понял причину):
Меняю в колонке в последнем div-е innerHTML. Меняется ширина колонки. Положение кнопки не пересчитывается. А вот если меняем ширину соседней колонки, то положение кнопки в первой колонке пересчитывается и она встает в правый верхний угол первой колонки (как надо).
Firefox

 

<div class="column" id="column_0" >

   <span class="tabs-column-num">0</span>

   <span class="foo">

      <a class="bar">+</a>

   </span>

   <br/>

   <input type="text" size=15  value="foo"/>

   <div id="aaa"></div>

</div>

(css поправил как указано в предыдущем посте)

artimon

Ничего не понял. Давай весь код или ссылку.

Оставить комментарий