Jump to content
Дизайн и модификация Invision Community IPBSkinsBETA
Search In
  • More options...
Find results that contain...
Find results in...
Sign in to follow this  
Caeterra

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

Recommended Posts

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

 

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

Share this post


Link to post

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

 

Ps

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

Share this post


Link to post

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

 

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

 

padding:0;

 

vertical-align: top;

 

:)

Edited by Caeterra

Share this post


Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  

  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...