COLSPAN и IE

graf · February 3, 2011

Вот пример таблицы

<table width="100%" border="1">
<tr>
  <td colspan="3">Let me show you somthing</td>
</tr>
<tr>
  <td>A</td>
  <td width="32">B</td>
  <td width="32">C</td>
</tr>
</table>

Во всех браузерах которых проверял, все нормально, а в IE ячейки вместо width=32 сбиваются на неизвестную величину.

Подскажите пожалуйста варианты решения.

P.S. Версия IE 8.0

Edited February 3, 2011 by graf

Vlad · February 3, 2011

1. table-layout: fixed

2. Установить для первой ячейки ширину 100%

3. Установить для первой ячейки ширину 2000

graf · February 3, 2011

1. table-layout: fixed
2. Установить для первой ячейки ширину 100%
3. Установить для первой ячейки ширину 2000

К сожалению ничего не помогло :-( Что еще можно сделать?

Vlad · February 3, 2011

Тогда возвращаемся к началу. Какой доктайп установлен?

rash · February 3, 2011

Некрасиво в плане кода, но должно сработать:

<table width="100%" border="1">
<col>
<col width="32">
<col width="32">
<tr>
  <td colspan="3">Let me show you somthing</td>
</tr>
<tr>
  <td>A</td>
  <td width="32">B</td>
  <td width="32">C</td>
</tr>
</table>

Только одиночные теги приведите в соответствие с доктайпом.

Ну и table-layout: fixed может понадобиться.

SelenIT · February 3, 2011

По беглому наблюдению похоже, что td width=... можно и не указывать, col width=... достаточно. А вот table-layout: fixed необходим.

rash · February 3, 2011

По беглому наблюдению похоже, что td width=... можно и не указывать, col width=... достаточно. А вот table-layout: fixed необходим.

Ну да, добавил в код элементы, а вычистить ненужное забыл <_<

У ячеек можно не указывать, конечно.

graf · February 3, 2011

Только одиночные теги приведите в соответствие с доктайпом.
Ну и table-layout: fixed может понадобиться.

Все равно ничего не получается :-(

IE после картинки 32x32 оставляет очень много пустого места в ячейке

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<table width="100%" border="1" class="table-layout: fixed">
<col>
<col width="47">
<col width="37">
<tr>
  <td colspan="3">Let me show you somthing</td>
</tr>
<tr>
  <td>A</td>
  <td>B</td>
  <td><IMG src="icons/edit32x32.png" border="1"></td>
</tr>
</table>

P.S. где можно почитать про приведение тегов к доктайпу?

Vlad · February 3, 2011

Гы, неудивительно, что ничего не получается. Вместо class напишите style. Ну и приведите страницу к нормальному виду, со всеми нужными тегами.

rash · February 3, 2011

Можно скриншот того, что и как не работает?

А насчет приведения в соответствие с доктайпом я имел в виду, что если у вас XHTML, то закрывать их надо как <col … /> (со слешем в конце).

graf · February 3, 2011

Гы, неудивительно, что ничего не получается. Вместо class напишите style. Ну и приведите страницу к нормальному виду, со всеми нужными тегами.

Извиняюсь, запутался. Уже все работает, всем спасибо.

Если кто-то столкнулся с той-же проблемой, вот примерный рабочий вариант того что мне было нужно:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<table width="100%" border="1" style="table-layout: fixed">
<col><col width="47"><col width="37">
<tr>
  <td colspan="3">Let me show you somthing</td>
</tr>
<tr>
  <td>A</td>
  <td>B</td>
  <td><IMG src="icons/edit32x32.png"></td>
</tr>
</table>

Edited February 3, 2011 by graf

Sign In

COLSPAN и IE

Question

Link to comment

Share on other sites

10 answers to this question

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Join the conversation

Обсуждения

Important Information