Непонятный отступ между изображениями

Dezmont · July 11, 2010

Народ, помогите кто чем может. Никак не могу совладать с этой проблемой. В IE у меня всё отображается нормально, а в остальные браузеры делают непонятный отступ. =/

Вот примеры:

- Это в IE

- Это в Opera, Safari, Chrome, Firefox.

Обратите внимание на отступ от одного изображения до другого.

Все эти изображения в одной большой таблице:

<table cellspacing=0 cellpadding=0 width=100% border=0>

.

И потом каждое изображение вот с таким кодом:

<td align=center><table cellpadding=0 cellspacing=0 class=table_img align=center> 
	<tr> 
	<td class=img_topleft></td> 
	<td class=img_top></td> 
	<td class=img_topright></td> 
	</tr> 
	<tr> 
	<td class=img_left width=13px></td> 
	<td class=img><a href=full.php?cat=$cat&img=$image target=_blank><img src=files/thumbs/$cat/$image width=240px height=150px></a></td> 
	<td class=img_right width=13px></td> 
	</tr> 
	<tr> 
	<td class=img_bottomleft></td> 
	<td class=img_bottom></td> 
	<td class=img_bottomright></td> 
	</tr> 	
	</table></td>

CSS файл вот:

*{ margin:0; padding:0; border:0;}
#head { width:100%; height:121px;}
#menu { width:100%; text-align:center; padding:5px 0px; background-color: #39F;}
#razdelitel { width:100%; height:25px; background-color: #36F;}
#category { width: 200px; float:left; padding:10px 0px 0px 15px;}
#pictures { margin-left:215px; text-align:center;}
#footer { text-align: justify; background-color: #CCC; padding:15px 15px 15px 15px; text-indent:20px;}
h3 { margin-bottom: 5px; }
a { color: #333; text-decoration:none;}

.table_img{font: 8pt tahoma, arial;color:#254571;text-decoration:none;border: 0px; height: 176px; width: 266px;}
.img{border : 0px;}
.img_topleft{border : 0px;background-image: url(phpPortalen/img_topleft.gif);background-repeat: no-repeat; width:13px;height: 13px;}
.img_top{border : 0px;background-image: url(phpPortalen/img_top.gif);background-repeat: repeat-x;height: 13px;}
.img_topright{border : 0px;background-image: url(phpPortalen/img_topright.gif);background-repeat: no-repeat;width:13px;height: 13px;}
.img_left{border : 0px;background-image: url(phpPortalen/img_left.gif);background-repeat: repeat-y; width:13px;}
.img_right{	border : 0px;background-image: url(phpPortalen/img_right.gif);background-repeat: repeat-y; width:13px;}
.img_bottomleft{border : 0px;font: 8pt tahoma, arial;background-image: url(phpPortalen/img_bottomleft.gif);background-repeat: no-repeat; width: 13px;height: 13px;}
.img_bottom{border : 0px;background-image: url(phpPortalen/img_bottom.gif);background-repeat: repeat-x;height: 13px;}
.img_bottomright{border : 0px;background-image: url(phpPortalen/img_bottomright.gif);background-repeat: no-repeat; width:13px;height: 13px;}

.stats { text-align:center;}

Стоит вот такой тип документа: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

Подскажите. Может кто-нибудь встречался с подобной проблемой? Откуда могут "ноги расти"? Что понимает/не понимает IE в отличие от остальных браузеров?

Edited July 11, 2010 by Dezmont

s0rr0w · July 11, 2010

ИЕ показывает неправильно, все остальные - правильно.

http://forum.htmlbook.ru/index.php?showtopic=13589

Sign In

Непонятный отступ между изображениями

Question

Dezmont

Link to comment

Share on other sites

1 answer to this question

Recommended Posts

s0rr0w

Link to comment

Share on other sites

Обсуждения

Forums

Important Information