|
|
|
Прижать блок к низу другого
|
|||
|---|---|---|---|
|
#18+
Здравствуйте! Есть готовый макет, и в ячейке таблицы нужно поместить блок, который бы был прижат в нижний левый угол. Привожу упрощенный код, настоящий остался на работе. Нужно, чтобы при уменьшении ширины страницы (ячейки таблицы) нижний блок следовал за текстом, но при увеличении, когда тескт в ячейке поднимается вверх, нижний блок был прижат к нижней границе ячейки. Пробовал с clear, ничего не получилось :( <html> <head> <title> Илюшина страница </title> <style> * { margin: 0; padding: 0; } table.mytable { color:red; } table.mytable td { border: 1px solid black; } .strut { display:block; position:relative; height:60px; margin-right:0px; float:right; width:100px; background-color:grey; color:white; } .td-footer { display:block; position:relative; margin-left:0px; margin-bottom:0px; float:bottom; width:100px; background-color:grey; color:white; height:100%; vertical-align:bottom; } .content { position:relative; } .clear { clear: both; /* Отмена обтекания */ } </style> </head> <body> <table width="100%" class="mytable"> <tr> <td> <div class="content"> <div class="strut"> Верхний правый блок </div> Обтекает Обтекает Обтекает Обтекает Обтекает <div class="td-footer"> Нижний блок </div> </div> </td> </tr> </table> <div> Траляля </div> </body> </html> ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 06.06.2009, 14:38 |
|
||
|
Прижать блок к низу другого
|
|||
|---|---|---|---|
|
#18+
kasyanovчтобы при уменьшении ширины страницы (ячейки таблицы) нижний блок следовал за текстом Наверное все же высоты... Вот тебе примерчик (см. вложение). ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 08.06.2009, 08:14 |
|
||
|
|
start [/forum/topic.php?fid=22&fpage=291&tid=1454721]: |
0ms |
get settings: |
5ms |
get forum list: |
12ms |
check forum access: |
2ms |
check topic access: |
2ms |
track hit: |
35ms |
get topic data: |
8ms |
get forum data: |
2ms |
get page messages: |
39ms |
get tp. blocked users: |
1ms |
| others: | 209ms |
| total: | 315ms |
| 0 / 0 |
