Перейти к публикации
Дизайн и модификация IPS Community IPBSkinsBETA
Поиск в
  • Дополнительно...
Искать результаты, содержащие...
Искать результаты в...
Caeterra

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

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

11/15/09 10:16 (изменено)

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

 

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;"

Поделиться сообщением


Ссылка на сообщение
11/15/09 11:34 (изменено)

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

 

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

 

padding:0;

 

vertical-align: top;

 

:)

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

Поделиться сообщением


Ссылка на сообщение

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

Вы должны быть пользователем, чтобы оставить комментарий

Создать аккаунт

Зарегистрируйтесь для получения аккаунта. Это просто!

Зарегистрировать аккаунт

Войти

Уже зарегистрированы? Войдите здесь.

Войти сейчас

  • Сейчас на странице   0 пользователей

    Нет пользователей, просматривающих эту страницу.

×
×
  • Создать...