Thread: How to Remove White Space For Image Inside a Div - IE7

How to Remove White Space For Image Inside a Div - IE7

In IE7 if you place an image inside a div you might get some extra white space between the bottom of your image and bottom of the div.

Example:
<div style="border:1px solid #ccc;">
<img src="myimage.jpg" alt="" />
</div>

See attached image for example.



To remove this add these two styles to the image.
display:block; vertical-align:bottom;

Revised code is here:
<div style="border:1px solid #ccc;">
<img src="myimage.jpg" alt="" style="display:block; vertical-align:bottom;" />
</div>

i think , remove the border which you given.hope it will help you.

Originally Posted by Online_Loan

i think , remove the border which you given.hope it will help you.

border is for demonstrating the space. thats all. removing it wont help you.