Проблема с таблицей

[Sagara]

Здравствуйте.

Такой вопрос. Можно ли внутри столбца(в пределах одной строки) два элемента(например, два изображения) расположить так, чтобы один прилегал к верхней границе строки, а второй - к нижней? Или можно сделать только к чему то одному(верху/низу) с помощью <tr valign=top/bottom/...>?

[Victor Ananiev]

а если vertical-align:top|bottom; указыать для ячейки, а не для строки?

[Sagara]

а если vertical-align:top|bottom; указыать для ячейки, а не для строки?

вот так?

<tr>
...
<td style="vertiсal-align:top/bottom;">...</td>
...
</tr>

А какая разница? Вопрос в том, как сделать чтобы один элемент(напр. картинка <img>) был прижат к верх. границе, а второй - к нижней(в одной ячейке)?

Edited March 15, 2009 by Sagara

[DjTarik]

внутри ячейки ставь див с height: 100%; width: 100%; position: relative; - а уже в нем - позиционируй картинки с помощью position: absolute;

p.S. Стандартными средствами - по-ходу, никак...

[homm]

Вде ячейки с разным вертикал алигном не ага?

[Nekromancer]

ведь условие было в одной ячейке...

[Victor Ananiev]

блин... ну а правда, с дивом может прокатить) а почему нельзя несколько ячеек сделать?

[Sagara]

а почему нельзя несколько ячеек сделать?

Ну, задача такая. Именно в одной ячейке.

внутри ячейки ставь див с height: 100%; width: 100%; position: relative; - а уже в нем - позиционируй картинки с помощью position: absolute;

Ага! Помогло. У одной картинки поставил top:0, а у другой - bottom:0; только с height: 100% у div'a почемуто не получилось, а когда задал размер в пикселях - все ок.

Спасибо за совет!

[Victor Ananiev]

ячейке position:relative; наверно...

[Sagara]

Кстати, попробовал без div'a, указал position:relative элементу <td>, работает даже лучше, но...только в IE7. Остальные браузеры почему то выводят элементы внутри ячейки, позиционнированные абсолютно(position:absolute) относительно окна браузера. Можно ли их как то заставить понимать position:relative для ячейки так же как в IE? надеюсь понятно выразился.

[DjTarik]

Кстати, попробовал без div'a, указал position:relative элементу <td>, работает даже лучше, но...только в IE7. Остальные браузеры почему то выводят элементы внутри ячейки, позиционнированные абсолютно(position:absolute) относительно окна браузера. Можно ли их как то заставить понимать position:relative для ячейки так же как в IE? надеюсь понятно выразился.

Для ячейки нельзя прописать позишн релатив... Именно поэтому я в своем примере засунуд туда див... =)