simplecart.js Images not Showing in IE8 on blogger.com site


Tags: javascript,css,image,internet-explorer-8,blogger

Problem :

Images are scrunched up in IE8

iframed: http://techmobile.com/storeBETA.html

original site: http://store-techmobile.blogspot.com/

Why is it doing this? It is alright in IE9.

here's code for the insertion of the image:

<th class="item_thumb" id="thumb" width="45%"><a href="http://3.bp.blogspot.com/-  
k1EQIca2tCw/TdtZUjHTeGI/AAAAAAAACAs/vNwQwZAVkaI/s1600/blue.gif" onblur="try 
{parent.deselectBloggerImageGracefully();} catch(e) {}"><img alt="" border="0" 
id="BLOGGER_PHOTO_ID_5610175970378217570" src="http://3.bp.blogspot.com/-
k1EQIca2tCw/TdtZUjHTeGI/AAAAAAAACAs/vNwQwZAVkaI/s400/blue.gif" style="cursor: hand; 
cursor: pointer; display: block; height: 164px; margin: 0px auto 10px; text-align: 
center; width: 148px;" /></a></th>
<td><input class="item_add" type="button" value="Add to Cart" /></td>
</tr>

Is the item thumb width getting scrunched in IE8? I'd like to pinpoint what the cause is before changing settings and writing code. This code is part of a table of code inserted into the backend of blogger.com so a table shows up for posting pics, prices, description details etc. As per BloggerMints instructions: http://www.bloggermint.com/2011/05/shopping-cart-blogger-template/

I'm on a mac so I don't have access to IE8's developer tools. Any insights much appreciated.

And I'm kinda confused on how to write the code because it's not a simple CSS divert rewrite like:

<!--[if IE 8]>
<link rel="stylesheet" href="css/ie8.css" type="text/css" />
<![endif]--> 


Solution :

It is the float: left on the wrapping span. Either remove that, or set it's width to 100% or similar. You probably should do this for only IE8 and below.


    CSS Howto..

    How to wrap text using CSS? [duplicate]

    how to set individual scroll for content and left menu

    How do I fit custom size icons into jQuery UI buttons?

    How to show color only to the first li?

    Show content only in printing page not in browser page using CSS or javascript

    How to center list of links in a straight line. CSS

    How to remove
     tag

    How do I modify a css element with Jquery after appended with Jquery to a div?

    css how to set the tr that has a speicifc id

    How to use CSS selectors [closed]

    how to place two divs side by side

    How to represent x and y in svg symbol

    How can I align my adsense graphics?

    How to set width and text-align for button with CSS

    How to define a set of CSS class names so Vim knows how to autocomplete

    How to display 20 columns in html design

    How to have a centered layout with border (background-image), and footer sticked to the bottom?

    How are media queries counted in IE's CSS selectors limit?

    how to swap div with one another in mobile view css

    How to Manage Responsive Design in percentage(%)?

    HTML/CSS: flip3d how to do a 360 degrees with 4 pictures

    How to use imported css styles in GWT correctly

    how to set a path to the static files which is surver independnet

    How can I achieve this Flash effect using jQuery?

    How to make an image not overlap navigation bar in CSS/HTML [closed]

    How can I select every other element that does not have a specific class?

    IE7: CSS & jQuery: dragging up, dragged item is on top, dragging down: dragged item is below. How do I get both to be on top?

    How can I make a rounded image with a label in it?

    How to move a block of content to the right of another block without moving it in the DOM

    How to modify only via CSS a color already defined in HTML?