Xpoint
   [напомнить пароль]

не могу прибить текст к полу

Метки: [без меток]
2008-11-29 06:54:52 [обр] August[досье]

казалось бы, простейший код

<html>
<head>
</head>
<body>

<table width=100%>
<tr><td style="border-bottom: 1px solid #000" valign=bottom>

<div style="float: right">
<div>aaaaaaa</div>
<div>bbbbbbb</div>
</div>
cccccccc

</td></tr>
</table>

</body>
</html>

и надо всего то - чтобы текст "cccccccc" был выровнен по нижнему краю, но не тут то было.
проблему можно конечно решить через "<br>", но не всегда в плавающем блоке будут две строки - с "<br>" и одной строкой он подскочит.
Как сделать, чтобы в одной ячейке таблицы тект и плавающий блок всегда были выровнены по нижнему краю?

спустя 3 часа 14 минут [обр] Sq.Piglet(0/2)[досье]
спустя 3 часа 54 минуты [обр] August[досье]
Sq.Piglet[досье] и какое оно имеет отношение к теме?
пс жаль что тут минусов нельзя ставить
спустя 21 час [обр] Nuclon(0/22)[досье]
поместите строку "ссссссс" в какой-то контейнер и задайте ему стиль clear: left;
спустя 6 часов [обр] August[досье]

Nuclon[досье] если я вас правильно понял, код должен быть такой:

<html>
<head>
</head>
<body>

<table width=100%>
<tr><td style="border-bottom: 1px solid #000" valign=bottom>

<div style="float: right">
<div>aaaaaaa</div>
<div>bbbbbbb</div>
</div>
<div style="clear: left;">cccccccc</div>

</td></tr>
</table>

</body>
</html>

ситуация не меняется.

спустя 1 час 8 минут [обр] Илья Cтpeльцын aka SelenIT(15/171)[досье]
Насколько я в курсе, float принципиально умеет равнять только по верхней границе (он же "плавает", а не "тонет":). А для прибития к низу единственное, что приходит на ум — position:absolute
<table width=100%>
<tr><td style="border-bottom: 1px solid #000" valign=bottom>
<div style="position:relative; width: 100%; overflow:hidden; /*растянем по высоте*/">
<div style="float: right">
<div>aaaaaaa</div>
<div>bbbbbbb</div>
</div>
<div style="position:absolute; left:0; bottom: 0;">cccccccc</div>
</div>
</td></tr>
</table>
спустя 6 часов [обр] August[досье]
Ха-ха, точно подмечено :))
Код работает, спасибо.
Powered by POEM™ Engine Copyright © 2002-2005