таблица и overflov

klierik · November 20, 2007

Приветствую.

Не получается решить следующую проблему:

есть таблица с 1 ячейкой.

в ней находиться текст.

если не указана ширина таблицы, то текст, который содержится в ней не должен отображаться

а прятаться в ней.

вроде все сделал как надо.

в ячейку всунул div с overflow:hidden;

но таблица тянется по контенту.

как это вылечить, подскажите плиз

Tokolist · November 20, 2007

попробуй

table-layout: fixed;

иначе выкладывай код

klierik · November 21, 2007

сделал уже. помог коллега.

в общем решение меня удивило, но работает =)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
 <head>
 <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
 <title>Untitled Document</title>
 </head>
 <body>
 <table border="1">
 <tr>
 <td>+</td>
 <td nowrap="nowrap">
 <div style="position: relative; overflow: hidden;">
 <div style="overflow: hidden; position: absolute; width: 100%;">This is a very very very very long caption</div>
 <div style="float: right; position: relative; background-color: #ffffff; color: red;">icons</div>
 </div>
 </td>
 <td>+</td>
 </tr>
 <tr>
 <td>+</td><td>This is main content</td><td>+</td>
 </tr>
 <tr>
 <td>+</td><td></td><td>+</td>
 </tr>
 </table>
 </body>
</html>

Tokolist · November 21, 2007

мда... что это за извраты такие?

если это верстка, то имхо все делается гораздо проще

Sign In

таблица и overflov

Question

klierik

Link to comment

Share on other sites

3 answers to this question

Recommended Posts

Tokolist

Link to comment

Share on other sites

klierik

Link to comment

Share on other sites

Tokolist

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information