Kasyanov
-
Posts
3 -
Joined
-
Last visited
Kasyanov's Achievements
Explorer (1/14)
0
Reputation
-
Таблицей я не добьюсь обтекания. А название страницы умиляет - так это я ребенку показывал, как можно страничку сделать
-
Нет, strut должен присутствовать, но он нормально работает, текст ячейки его обтекает, а вот блок td-footer должен быть всегда внизу ячейки, даже если текст короче.
-
Здравствуйте! Есть готовый макет, и в ячейке таблицы нужно поместить блок, который бы был прижат в нижний левый угол. Привожу упрощенный код, настоящий остался на работе. Нужно, чтобы при уменьшении ширины страницы (ячейки таблицы) нижний блок следовал за текстом, но при увеличении, когда тескт в ячейке поднимается вверх, нижний блок был прижат к нижней границе ячейки. Пробовал с 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>