Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > Вёрстка веб-сайтов > рисунок и td=100%

Автор: 7910 1.10.2008, 18:57

Столкнулась с очень не приятной особенностью отображения в IE (в остальных браузерах все нормально). Есть объединенные ячейки и в них рисунок, в следующей строчке 3 ячейки, в средней width="100%". Проблема в IE: если рисунок превышает ширину средней ячейки, то эта ячейка принимает его ширину. Пример

Код


<HTML>
<HEAD><TITLE>My store</TITLE>
</HEAD>
<BODY>

<TABLE>
  <TR><TD  colspan="3">
    <img src="http://www.spice-moskva.7910.org/spice-moskvaimages/spice-moskva_osc.gif" width="1000" height="50"></TD></TR>
  <TR><TD>1111111111111111111111111111</TD><TD width="100%">22222222222222222222222</TD><TD>33333333333333333333</TD></TR>
</TABLE>
 
 </BODY>
 </HTML>

Если увеличивать ширину рисунка, то ширина второй ячейки (где двойки) тоже растет, уходит за пределы экрана, появляются полосы прокрутки. Как это побороть?

Автор: bars80080 1.10.2008, 20:14

ну, ты сама логически подумай, если ширина одной из ячеек 100%, то что остальным делать? естесственно ширина в остальных плюс с этой суммируется и перекладывает на всю таблицу

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

Автор: Itsys 1.10.2008, 23:24

Сделай так:

Код


<HTML>
<HEAD><TITLE>My store</TITLE>
</HEAD>
<BODY>

<TABLE>
  <TR><TD  colspan="3">
    <img src="http://www.spice-moskva.7910.org/spice-moskvaimages/spice-moskva_osc.gif" width="1000" height="50"></TD></TR>
  <TR>
  <td width="100%">
  <table width="100%">
  <tr>
  <TD>1111111111111111111111111111</TD><TD width="100%">22222222222222222222222</TD><TD>33333333333333333333</TD>
  </table>
  </td></TR>
</TABLE>
 
 </BODY>
 </HTML>

и будет тебе счастье smile

Автор: 7910 2.10.2008, 12:04

Itsys, спасибо вам огромное, это именно то, что нужно!