How do I resize an image in IE 8


Tags: css,internet-explorer,image-resizing

Problem :

I have an image that is 90px x 90px (it's a jpg file) and I can't figure out how to make it 60px by 60px in internet explorer. I looked at a few sites already which told me to use this css style:

.img { -ms-interpolation-mode: bicubic; }

but nothing happened. This is the css I'm using currently which works really well in fireforx and chrome:

.img {
    horiz-align: center;
    width: 60px;
    height: 60px;
    margin: 10px;
    border: 1px rgb(218, 218, 218) solid;
    background: #C4C4C4 no-repeat 0 0;
}


Solution :

The issue with your original code is you're specifying img as a class i.e .img rather than img

Here's 2 ways to do this. 1st with no css:

<img src="your-image.jpg" alt="" width="60" height="60" />

2nd with CSS:

<img src="your-image.jpg" alt="" class="image-resize" />

...

img.image-resize { 
  width: 60px;
  height: 60px; }

    CSS Howto..

    How to serve different css files to different ajax pages?

    How to CSS a two column list of items?

    How to pause a Spinkit animation?

    How determine what CSS selector to use from my HTML source code?

    How to prevent the vertical scroll of this div?

    How to style child components from parent component's css file?

    jQuery Accordion header with jQuery UI icon button (hide/show + hover/click)

    How to give background image in CSS? [closed]

    How to use sass (scss) compared to css

    How to “reset” a DOM subtree's CSS style?

    How to create the corner that show in picture with css in webpage?

    How to prevent opening a link of the submenu when tapping the menu?

    How to copy only referenced .css to dest with gulp?

    How do I create a class hierarcy in CSS for MVC4 Razor?

    How do I make current menu item active in asp.net webforms

    how to convert this site to a mobile site or make it liquid?

    CSS slide page up animation- element briefly shows before the animation

    How to insulate HTML widget from external CSS

    Symfony2: How to link CSS to HTML part?

    How do I specify my image's position?

    How to implement conditional CSS in this situation?

    How to find number of style classes defined in a CSS file

    ExtJS how to set button css by using pressedCls config

    How to remove css background transparent?

    How do I auto play my slideshow

    Vertical alignment in css of multiple elements (How to achieve this layout)

    CSS animations - How to toggle direction with one keyframes declaration

    Showing responsive menu link that is not shown in regular navigation menu

    How do I access font features in CSS?

    HTML / CSS: How to make the content follow the footer?