Anyone that does a fair amount of web design knows that Internet Explorer likes to “set itself apart” from the other major browers by not interpreting html the same way. This can be very annoying at times and here is just another minor fix to get IE to behave itself! Many times, when you try and put multiple images on a page right up next to each other with no space in between, IE won’t quite do it. The browser puts its own provided padding around the images which causes them not to be able to fit perfectly together. This can be avoided with a simple css attribute. What I like to do is simply add a class, lets call it ‘img’, to each of the images that I want to get rid of this padding on in IE. (I usually just do it to all my images) Then the img class can be added to the css stylesheet and given one simple attribute!
In your html, just add class=”img” to all the images you want to remove the padding on. Then add the following attribute to your img class in your CSS stylesheet:
This will get rid of that annoying padding Internet Explorer puts around its images. Feel free to comment with any questions!
Incoming search terms:
- get rid of cell\s gaps in internet explorer
- ie 9 images in table without gaps
- image padding in internet explorer
- internet explorer horizontal space between images
- placing images within a block ie9