css asisstance with IE8 margin vs Other Major 3 Browsers

I am aware that IE handles padding and margin differently to Firefox and chrome.

That is why I think I am having the issue of my content blocks in IE8 not aligning instead they wrap under each other.

see this link in an IE7 or 8 browser
http://goo.gl/J8CNg5

I am using css3pie http://css3pie.com/ to show css3 border shadow on IE browsers such as IE7,8

I notice when I remove the box shadow css to not show in IE the different content blocks work fine but this is I assume they have no additional margin due to the box shadow.

How do I make the content blocks fit in IE with the box shadow css as can be seen in firefox or chrome.

Really appreciate your help on this.

Thanks
Arthur

  • aristath
    • Recruit

    Hello again @VivaArturo!

    IE 6, 7 & 8 are really obsolete browsers that are not used by many people...
    Users using those browsers usually get an inferior user experience and that is not something weird.
    You could simply remove css3pie from your site... :slight_smile:

    There's no efficient way to render border radiuses, shadows etc on older versions of IE! Usually modernizr is recommended, but css3pie does slow down sites significantly and should ONLY be used when for some inexplicable reason most of your visitors are using older version of IE (for example on an intranet of a company that refuses to use anything other than IE, which is a really rare scenario).

    I hope that helps!

    Cheers,
    Ari.

Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.