[HTML] Word wrap в ячейке таблицы с colspan
От: Linoge-Fly Украина http://users.livejournal.com/_linoge_/
Дата: 28.05.09 10:13
Оценка:
Всем привет.
Есть таблица, в ней ячейки, а в них просто текст. Ширина ячеек фиксирована, текст может быть длинным, но с пробелами, то есть обычное предложение. Нужно чтобы текст переносился, а не расширял ширину ячеек. Длинных слов, типа "this.is.my.personal.mail.address@mail.ru" нету.
Так вот, почему-то если в строке нет colspan, то все прекрасно:

    <table border="1px">
        <tr>
            <td style="font: bold 14px sans-serif; height: 100px;">
                Logical Applications (units of functionality) and some long text here.
            </td>
            <td>
                &nbsp;
            </td>
            <td>
                &nbsp;
            </td>
        </tr>
        <tr>
            <td width="120px">
                1111
            </td>
            <td width="120px">
                1111
            </td>
            <td width="120px">
                1111
            </td>
        </tr>
    </table>


Каждая ячейка остается шириной в 120px, а в ячейке с текстом длинный текст разбивается на строки.
Но если у строки таблицы есть объединение ячеек (colspan), то почему-то длинный текст не переносится, а растягивает всю таблицу. Вот такой код:

    <table border="1px">
        <tr>
            <td colspan="3" style="font: bold 14px sans-serif; height: 100px;">
                Logical Applications (units of functionality) and some long text here.
            </td>
        </tr>
        <tr>
            <td width="120px">
                1111
            </td>
            <td width="120px">
                1111
            </td>
            <td width="120px">
                1111
            </td>
        </tr>
    </table>


В чем прикол, вообще понять не могу. В Firefox все прекрасно, но в IE нет переноса строк.
Помогите плиз, долбусь долбусь, никак не могу понять как это сделать нормально.
Re: [HTML] Word wrap в ячейке таблицы с colspan
От: Blob Беларусь  
Дата: 28.05.09 13:54
Оценка:
Как вариант — задать ширину таблицы. Для IE это, почему-то, бывает критично.
Re: [HTML] Word wrap в ячейке таблицы с colspan
От: FatAn  
Дата: 28.05.09 23:35
Оценка: 1 (1)
Здравствуйте, Linoge-Fly, Вы писали:

LF>Всем привет.

LF>Есть таблица, в ней ячейки, а в них просто текст. Ширина ячеек фиксирована, текст может быть длинным, но с пробелами, то есть обычное предложение. Нужно чтобы текст переносился, а не расширял ширину ячеек. Длинных слов, типа "this.is.my.personal.mail.address@mail.ru" нету.

Либо присвоить ширину таблице, к примеру 363px, либо задать ширину объединенной ячейке

...
<td colspan="3" style="font: bold 14px sans-serif; height: 100px;width:363px;">
...
Re[2]: [HTML] Word wrap в ячейке таблицы с colspan
От: Linoge-Fly Украина http://users.livejournal.com/_linoge_/
Дата: 29.05.09 07:46
Оценка:
Здравствуйте, FatAn, Вы писали:

FA>Здравствуйте, Linoge-Fly, Вы писали:


LF>>Всем привет.

LF>>Есть таблица, в ней ячейки, а в них просто текст. Ширина ячеек фиксирована, текст может быть длинным, но с пробелами, то есть обычное предложение. Нужно чтобы текст переносился, а не расширял ширину ячеек. Длинных слов, типа "this.is.my.personal.mail.address@mail.ru" нету.

FA>Либо присвоить ширину таблице, к примеру 363px, либо задать ширину объединенной ячейке


FA>
FA>...
FA><td colspan="3" style="font: bold 14px sans-serif; height: 100px;width:363px;">
FA>...
FA>



Ясно, спасибо
Думал может браузер сам додумается, придется считать ширину объединенной ячейки. Она может быть постоянно разной, это я XSLT схему пишу, думал может можно этого избежать.
Мне тут кстати подсказали еще вот такой способ:


     <table border="1px" >
        <col width="120px" />
        <col width="120px" />
        <col width="120px"/>
     ....
     </table>


Работает
Может кому пригодиться.
 
Подождите ...
Wait...
Пока на собственное сообщение не было ответов, его можно удалить.