Вверх

Блог
RSS лента

Ответить на комментарий

Странная проблема с шириной ячеек в IE

Например вам нужно сделать таблицу с какими то товарами или еще какими то данными, или сверстать дизайн на сайт.
Припустим у вас есть шапка в таблице которая объединяет 6-ть ячеек которые будут ниже (или выше), заголовок может например повторятся.
Так же таблица у вас должна растягиваться на всю ширину браузера. 5ть из 6-ти ячеек с фиксированной шириной, одна ячейка тянется.
Но вот беда в том что если объединять ячейки то ИЕ делает им ширину как захочет, то есть фиксированные ячейки имеют не ту ширину которую мы указывали.

Починить можно таким вот способом (по крайней мере в моем случае это помогло):

  1. <table width="100%" border="1">
  2. <tr>
  3. <td colspan="6">Я самый большой заголовок, очень большой большой большой большой большой большой большой большой большой большой</td>
  4. </tr>
  5.  
  6. <tr>
  7. <td width="50">6688.66</td>
  8. <td width="50">66.6</td>
  9. <td width="100%">Какое то содержание</td>
  10. <td width="50">44.4</td>
  11. <td width="50">33.0</td>
  12. <td width="50">0.3</td>
  13. </tr>
  14.  
  15. <tr>
  16. <td></td>
  17. <td></td>
  18. <td width="*"></td>
  19. <td></td>
  20. <td></td>
  21. <td></td>
  22. </tr>
  23.  
  24. ...
  25.  
  26. </table>

Кстати не обязательно что бы было объеденные полностью все ячейки, такие глюки как я заметил бывают если объеденно не меньше трех ячеек.

Ваша оценка: Пусто Средняя: 1 (2 голосов)

Ответить

 
  • Адреса страниц и электронной почты автоматически преобразуются в ссылки.
  • Строки и параграфы переносятся автоматически.
  • You can enable syntax highlighting of source code with the following tags: <code>, <blockcode>. Beside the tag style "<foo>" it is also possible to use "[foo]".
  • Image links with 'rel="lightbox"' in the <a> tag will appear in a Lightbox when clicked on.
  • Image links from G2 are formatted for use with Lightbox2
  • Image links with 'rel="lightshow"' in the <a> tag will appear in a Lightbox slideshow when clicked on.
  • Links to HTML content with 'rel="lightframe"' in the <a> tag will appear in a Lightbox when clicked on.
  • Links to video content with 'rel="lightvideo"' in the <a> tag will appear in a Lightbox when clicked on.
  • Links to inline or modal content with 'rel="lightmodal"' in the <a> tag will appear in a Lightbox when clicked on.

Подробнее о форматировании

Главная | Портфолио | Услуги | Контакты | Блог