Табличная верстка в IE

[Hafner]

Есть такой код в шаблоне:

<table width="50%" cellspacing="0" cellpadding="0" border="0" align="center">
     <tr>
           <td height="19" width="19">
               <img height="19" width="19" border="0" alt="" src="templates/lime_style/images/b_01.gif" />
           </td>
           <td align="left">
               <img height="19" width="45" border="0" alt="" src="templates/lime_style/images/b_02.gif" />
           </td>
           <td>
           </td>
     </tr>
     <tr>
           <td valign="top">
             <img height="18" width="19" border="0" src="templates/lime_style/images/b_03.gif" />
           </td>
           <td>
           </td>
           <td valign="bottom">
                <img src="templates/lime_style/images/b_04.gif" alt="" border="0" width="18" height="22" />
           </td>
     </tr>
     <tr>
           <td></td>
           <td align="right">
                <img height="19" width="50" border="0" alt="" src="templates/lime_style/images/b_05.gif" />
           </td>
           <td height="19" width="18">
                <img height="19" width="18" border="0" alt="" src="templates/lime_style/images/b_06.gif" />
           </td>
     </tr>
</table>

И вот как это отображается в ие7:
Для просмотра ссылки Войди или Зарегистрируйся

Во всех остальных браузерах всё пучком.

Прошу помощи, как исправить?

 

[shell]

Выложи картинки (b_01.gif, b_02.gif и т.д.)

 

[Hafner]

Там по коду и без картинок на самом деле ясно, какая и где размещается...
Для наглядности выкладываю:

Посмотреть вложение images.rar

 

[shell]

У тебя в коде после каждой картинки стоит пробел Так что вот так вот.

Скопируй этот код:

<table width="50%" cellspacing="0" cellpadding="0" border="0" align="center">
  <tr>
    <td height="19" width="19"><img height="19" width="19" border="0" alt="" src="templates/lime_style/images/b_01.gif" /></td>
    <td align="left"><img height="19" width="45" border="0" alt="" src="templates/lime_style/images/b_02.gif" /></td>
    <td></td>
  </tr>
  <tr>
    <td valign="top"><img height="18" width="19" border="0" src="templates/lime_style/images/b_03.gif" /></td>
    <td></td>
    <td valign="bottom"><img src="templates/lime_style/images/b_04.gif" alt="" border="0" width="18" height="22" /></td>
  </tr>
  <tr>
    <td></td>
    <td align="right"><img height="19" width="50" border="0" alt="" src="templates/lime_style/images/b_05.gif" /></td>
    <td height="19" width="18"><img height="19" width="18" border="0" alt="" src="templates/lime_style/images/b_06.gif" /></td>
  </tr>
</table>

 

[Hafner]

Спасибо, но всё равно бредово как-то ИЕ пробелы обрабатывает...
Вопрос закрыт.

 

[Котяра]

Скачай ие тестер, программа полезная для проверки. Я когда делал сайт в ие 7 проверил. А вот 6..5.. это жуть

 

[bartw]

+1 Пользуюсь Ие тестером

 

[Razminka]

Баг с отступами в ИЕ6 - достаточно известный. Он и правда легко решается удалением пробелов в коде. В исходной таблице еще прокатит вариант назначить изображениям align, они станут на место и пропадут отступы. А те изображения, которые занимают всю ячейку проще поставить фоном ячейки.

  <table width="50%" cellspacing="0" cellpadding="0" border="0" align="center">
     <tr>
           <td width="19" background="templates/lime_style/images/b_01.gif">
           </td>
           <td align="left">
               <img height="19" width="45" border="0" alt="" align="top" src="templates/lime_style/images/b_02.gif" />
           </td>
           <td>
           </td>
     </tr>
     <tr>
           <td valign="top">
             <img height="18" width="19" border="0" alt="" align="top" src="templates/lime_style/images/b_03.gif" />
           </td>
           <td>
           </td>
           <td width="18" background="templates/lime_style/images/b_04.gif">
           </td>
     </tr>
     <tr>
           <td></td>
           <td align="right">
                <img height="19" width="50" border="0" alt="" align="top" src="templates/lime_style/images/b_05.gif" />
           </td>
           <td background="templates/lime_style/images/b_06.gif">
           </td>
     </tr>
</table>