Forum Moderators: open

Message Too Old, No Replies

picture spacing problem on IE6

         

tigerhou21

4:59 pm on Apr 8, 2006 (gmt 0)



I have a question about the image spacing problem on IE6.
There is a example code:

<body>
<table cellpadding="0" cellspacing="0" align=center border="0">
<tr><td>
<img src="top.jpg" width="277" height="100">
</td></tr>
<tr><td>
<img src="middle.jpg" width="277" height="100">
</td></tr>
<tr><td>
<img src="bottom.jpg" width="277" height="100">
</td></tr>
</table>
</body>

I view this page at firefox without any problem, but in IE, there are spacing between images. These three images suppose is one image. I tried to align on the top and bottom images, but with no luck.
Could someone please teach me how to solve this problem.

Thanks.

4hero

6:01 pm on Apr 8, 2006 (gmt 0)

10+ Year Member



Hi there,

I don't generally do tables but it seems to be where you started the <img>'s that's the problem.

try this?

<table border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td><img src="top.jpg" width="277" height="100"></td>
</tr>
<tr>
<td><img src="middle.jpg" width="277" height="100"></td>
</tr>
<tr>
<td><img src="bottom.jpg" width="277" height="100"></td>
</tr>
</table>

doodlebee

2:38 pm on Apr 10, 2006 (gmt 0)

10+ Year Member



IE will also add a 3 pixel margin to all images. Use a conditional comment to strip out this default :)