Перейти к содержимому
Русский язык для Invision Community 5

Проблема отображения в IE7

Добрый день! Такая проблема: При создании таблицы в Опере и Мозилле отображение нормальное:

 

post-33598-1258279618_thumb.png

 

а в интернет эксплорер появляются отступы:

 

post-33598-1258279661_thumb.png

 

Вопрос: Как это исправить? :)

 

Код таблицы:

 

<table width='100%' cellspacing='0' cellpadding='0' border="0" >
<tr>
<td width="50" align="left"><img src='style_images/<#IMG_DIR#>/l_ver.png' /></td>

<td id="cnt_ver" valign="middle"><img src='style_images/<#IMG_DIR#>/cnt_ver.png' /></td>

<td width="50" align="right"><img src='style_images/<#IMG_DIR#>/r_ver.png'/></td>
</tr>
</table>


<table width="100%" cellspacing="0" cellpadding='0'  border="0">
<tr> 
<td width="50" align="left"><img src='style_images/<#IMG_DIR#>/l_cnt.png' /></td>
<td id="cnt_cnt" align="left"><img src='style_images/<#IMG_DIR#>/cnt_cnt.png' /></td>
<td width="50" align="right"><img src='style_images/<#IMG_DIR#>/r_cnt.png' /></td>
</tr>
</table>


<table width="100%" cellspacing="0" cellpadding='0'  border="0">
<tr>
<td width="50" align="left"><img src='style_images/<#IMG_DIR#>/l_niz.png' /></td>
<td id="cnt_niz" align="left"><img src='style_images/<#IMG_DIR#>/cnt_niz.png' /></td>
<td width="50" align="right"><img src='style_images/<#IMG_DIR#>/r_niz.png' /></td>
</tr>
</table>

------------------------------------

CSS:

#cnt_ver{
background: transparent url(style_images/<#IMG_DIR#>/cnt_ver.png);
      color: #fff;
height:auto;
}

-----------

#cnt_cnt{
background: transparent url(style_images/<#IMG_DIR#>/cnt_cnt.png);
      color: #fff;
height:auto;
}

----------

#cnt_niz{
background: transparent url(style_images/<#IMG_DIR#>/cnt_niz.png);
      color: #fff;
height:auto;
}

Изменено пользователем Caeterra

Рекомендованные сообщения

Попробуйте добавить в тег td valign="top" style="margin: 0; padding: 0;" или сверстайте то же самое на дивах.

 

Ps

И в тег с img добавьте style="padding:0; vertical-align: top;"

  • Автор

Спасибо большое, Fisana! Вы мне очень помогли!

 

Решение было в img (css)

 

padding:0;

 

vertical-align: top;

 

:)

Изменено пользователем Caeterra

Создайте аккаунт или войдите в него для комментирования

Аккаунт

Навигация

Поиск

Поиск

Настроить push-уведомления браузера

Chrome (Android)
  1. Нажмите на иконку замка рядом с адресной строкой.
  2. Нажмите Права доступа -> Уведомления.
  3. Измените свои настройки.
Chrome (компьютер)
  1. Нажмите на иконку замка в адресной строке.
  2. Выберите Настройки сайта.
  3. Найдите Уведомления и измените свои настройки.