Pictures not showing right in IE

by larsjorgenbr

Posted: 14 years ago 6 replies

WEB DESIGN

< frustration>
My gosh how I hate Internet Explorer. Microsoft is lightyears behind just about every single other browser on the planet, despite of being one of the biggest IT companys on the planet.
< /frustration>

Run this site in IE.

kredittkortsiden.net

Looks good, eyh? How the heck can I fix the broken pics? Works great in FF and Chrome, it seems, so why the heck does IE have such a big problem with this?

#pictures #showing

serentripity 14 years ago

I feel your pain - IE is a horrible blight on any webdesigner's existence!

I checked it out in IE via Browserlab and it looks to me that the images are showing, but in the wrong proportions.

I'm not sure that this is the problem, but have you tried defining the width and height as pixel values, rather than as just a number?

<img src="http ://kredittkortsiden.net/wp-content/uploads/2010/07/365Direkte.jpg" alt="" title="365 Privat" width="80px" height="51px" class="alignnone size-full wp-image-206" />
- Thanks
{{ DiscussionBoard.errors[2496406].message }}
larsjorgenbr 14 years ago

Didn`t work putting in the px. Anyone else? Seems like there`s a problem with their original size; I edited the px when putting the images into the table because they were to big. The Visa/Mastercard/Diners small ikons are tiny to begin with, so they look better..
- Thanks
- 1 reply
{{ DiscussionBoard.errors[2496635].message }}
- serentripity 14 years ago
  
  Maybe try defining the width of the <td> as well as the images, or altering your 'if IE 6' statement to include all versions of IE - the alternate stylesheet might behave better.
  
  I'm out of ideas - good luck!
  
  Thanks
  
  1 reply
  
  {{ DiscussionBoard.errors[2496795].message }}
  
  larsjorgenbr 14 years ago
  
  How do I change the 'if IE 6' to work for all versions then? Can I just alter the name of the file?
  
  Thanks
  
  1 reply
  
  {{ DiscussionBoard.errors[2498737].message }}
  
  serentripity 14 years ago
  
  Originally Posted by larsjorgenbr
  
  How do I change the 'if IE 6' to work for all versions then? Can I just alter the name of the file?
  
  Just remove the '6' so it only says <!--[if IE]>
  
  Thanks
  
  1 reply
  
  {{ DiscussionBoard.errors[2499749].message }}
  
  ronperkins 14 years ago
  
  For images to show correctly within a table within any version of IE you need to define the width of the td tag. So for example if you did the following then your images will be shown correcly within all browsers:
  
  Code:
  
  <td width="90" class="column-1"><center><a href="http://kredittkortsiden.net/365-privat-mastercard"><img src="http://kredittkortsiden.net/wp-conte...365Direkte.jpg" alt="" title="365 Privat" width="80" height="51" class="alignnone size-full wp-image-206" /></a></center></td><td class="column-2"><center><a href="http://kredittkortsiden.net/365-privat-mastercard">365 Privat<br /> Mastercard</a></center></td><td width="55" class="column-3"><center><img src="http://kredittkortsiden.net/wp-conte...mastercard.jpg" alt="" title="Mastercard" width="50" height="34" class="alignnone size-full wp-image-208" /></center></td>
  
  Thanks
  
  Signature
  Who Else Wants to Drive TRAFFIC via CONTENT?
  
  {{ DiscussionBoard.errors[2500691].message }}

Pictures not showing right in IE

Trending Topics

Google Ads, landing pages, and Clickbank links

Carry out better target audience research

YouTube gets shopping display tools and affiliate partnership updates

A Very Strange Internet Problem

Membership area with multiple income streams