|
|
|
| Народ... помогите... у меня емть таблица... в ней ячейка... в ячейке див... мне надо чтобы див был прилеплен к нижнему краю ячейки... но при этом инфа в ячейке была вверху... тоесть параметр valign должен быть всегда равен top... если ктонить понял проблему объясните как можно сделать подобие Float для вертикали ? | |
|
|
|
|
|
|
|
для: spider-x
(13.02.2008 в 01:55)
| | проблемы не вижу ВОВСЕ:
<table width="300" height="300" border="1">
<tr>
<td valign="bottom">
<div style="width: 100%; height: 120px; background-color: silver">текст вверху DIV'a ВСЕГДА во всех браузерах</div>
</td>
</tr>
</table>
|
| |
|
|
|
|
|
|
|
для: CNTv2.0
(13.02.2008 в 03:05)
| | а я вижу.... в моём посте прочитайте строку :
параметр valign должен быть всегда равен top
|
а потом посмотрите на ваш код:
тоесть всё наполнение должно быть вверху ячейки и только див должен быть "прилеплен" к нижнему краю | |
|
|
|
|
|
|
|
для: spider-x
(13.02.2008 в 03:12)
| | - | |
|
|
|
|
|
|
|
для: spider-x
(13.02.2008 в 03:12)
| | Если я правильно понял вопроса, то я думаю так можно реализовать.
<table width="100%" height="400" border="1">
<tr>
<td valign="top">
верхний контент
<div style="background:#00FFFF; width:100%; height:100px; position:relative; margin-top:300px;">Всегда нижний див</div>
</td>
</tr>
</table>
|
| |
|
|
|
|
|
|
|
для: 123456
(13.02.2008 в 06:37)
| | Нет... тут получается что задаётся отступ от верхнего контента... а мне надо именно прилепить к низу... у меня таблица постоянно изменяется в размерах... | |
|
|
|
|
|
|
|
для: spider-x
(13.02.2008 в 10:08)
| |
<table width="100%" height="400" border="1">
<tr>
<td valign="top" style="position:relative">
<div style="padding-bottom:100px"> верхний контент</div>
<div style="background:#00FFFF; width:100%; height:100px; position:abcolute;bottom:0;left:0;">Всегда нижний див</div>
</td>
</tr>
</table>
|
| |
|
|
|
|
|
|
|
для: AlexSol
(13.02.2008 в 10:11)
| | вопервых...
а во вторых не работает... 2 див вообще просто располагается поверх таблицы
Эхъ... может когда-нибудь разработчики CSS реализуют Float для вертикали а сейчас походу прийдётся создать 2 ячейки 1 верхнюю а вторую нижнюю... и таким образом решить данную проблему ( | |
|
|
|
|
|
|
|
для: spider-x
(13.02.2008 в 11:07)
| | про первое согласен, описался. но пример работает. | |
|
|
|
|
|
|
|
для: AlexSol
(13.02.2008 в 11:12)
| | хм... попробовал посмотреть пример не вставляя в свою таблицу... и опять таки трабл... да он работает... но див приклеен к диву... а ето ниеть гуд... мне надо чтобы верхний див был приклеен к верхней границе ячейки, а нижний к нижней границе... | |
|
|
|
|
 1.2 Кб |
|
|
для: spider-x
(13.02.2008 в 11:45)
| | -> | |
|
|
|
|
|
|
|
для: AlexSol
(13.02.2008 в 11:59)
| | Проверка в опере и дримвивере кс3 показала что дивы "Всегда нижний див" отображаются вне таблицы поверх неё с неким неопознанными отступом (чуть < 50px) от верхнего края таблицы. | |
|
|
|
|
|
|
|
для: spider-x
(13.02.2008 в 01:55)
| | А что находится под таблицей? Можно на элемент который под ней повесить свойство position:relative На блок, который вам нужно спозиционировать position:absolute. Ну и через top:-(н-цать)px; right:(н-цать)px; задать его положение относительно элемента который под таблицей в нужное вам место. Для ячейки указать нижний отступ на высоту блока. /*правда оговорюсь, это решение наверно для жесткой ширины сайта, если не подходит можно придумать ещё чего-нибудь. Правда по-точнее бы узнать, что конкретно нужно.*/ | |
|
|
|