Skip to content

Проблема отображения в 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;
}

Edited by Caeterra

Featured Replies

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

 

Ps

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

  • Author

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

 

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

 

padding:0;

 

vertical-align: top;

 

:)

Edited by Caeterra

Create an account or sign in to comment

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.