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

Тема в разделе "Веб-дизайн", создана пользователем Hafner, 22 июл 2009.

Статус темы:
Закрыта.
Модераторы: zek24
  1. Hafner

    Hafner Постоялец

    Регистр.:
    9 июл 2008
    Сообщения:
    79
    Симпатии:
    30
    Есть такой код в шаблоне:
    HTML:
    <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:
    http://s16.radikal.ru/i191/0907/6c/94a0506e40b5.jpg

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

    Прошу помощи, как исправить? :(
     
  2. shell

    shell Прохожие

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

    Hafner Постоялец

    Регистр.:
    9 июл 2008
    Сообщения:
    79
    Симпатии:
    30
    Там по коду и без картинок на самом деле ясно, какая и где размещается...
    Для наглядности выкладываю:
     
  4. shell

    shell Прохожие

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

    Скопируй этот код:
    HTML:
    
    <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>
     
  5. Hafner

    Hafner Постоялец

    Регистр.:
    9 июл 2008
    Сообщения:
    79
    Симпатии:
    30
    Спасибо, но всё равно бредово как-то ИЕ пробелы обрабатывает...
    Вопрос закрыт.
     
  6. Котяра

    Котяра Писатель

    Регистр.:
    24 авг 2007
    Сообщения:
    8
    Симпатии:
    0
    Скачай ие тестер, программа полезная для проверки. Я когда делал сайт в ие 7 проверил. А вот 6..5.. это жуть
     
  7. bartw

    bartw Создатель

    Регистр.:
    8 май 2008
    Сообщения:
    26
    Симпатии:
    0
    +1 Пользуюсь Ие тестером
     
  8. Razminka

    Razminka Постоялец

    Регистр.:
    12 мар 2009
    Сообщения:
    84
    Симпатии:
    30
    Баг с отступами в ИЕ6 - достаточно известный. Он и правда легко решается удалением пробелов в коде. В исходной таблице еще прокатит вариант назначить изображениям align, они станут на место и пропадут отступы. А те изображения, которые занимают всю ячейку проще поставить фоном ячейки.
    HTML:
      <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>
     
Статус темы:
Закрыта.