Posting in the Magento forums has been disabled pending the implementation of a new and improved forum solution which should better serve the community.

For new questions please post at magento.stackexchange.com, the community-run support site for the Magento community. We will be providing updates on the new forum solution soon. For questions or concerns please email community@magento.com.

Magento Forum

Problem rounding the corners and using box shadow with ie 7
 
muk_t
Sr. Member
 
Total Posts:  226
Joined:  2012-07-24
 

hi,

I am using the following code for making corners of a DIV round and to use box-shadow in IE7.

BUT it does not work properly please help.It is not displaying Box shadow correctly in IE 7.

<html>
<
head>
<
style type="text/css">
#myelement {
        
behavior:url(PIE.htc);
        
border-radius:15px;
        -
moz-border-radius:15px;
        -
webkit-border-radius:15px;
        
border:1px solid red;
        
width:200px;
        
height:50px;
        
padding-left:10px;
      
        
zoom:1/* This enables hasLayout, which is required for older IE browsers */
        
filterprogid:DXImageTransform.Microsoft.Shadow(color='#b0b0b0'Direction=135Strength=16);
        -
moz-box-shadow:2px 2px 2px #b0b0b0;
        
-webkit-box-shadow:2px 2px 2px #b0b0b0;
        
box-shadow:2px 2px 2px #b0b0b0; 

    
}
</style>
</
head>

<
div id="myelement">
This is Demo
</div>
</
html>
Image Attachments
IE7.jpgIE-9 Correct.jpg
 
Magento Community Magento Community
Magento Community
Magento Community
 
TRMMarketing
Sr. Member
 
Avatar
Total Posts:  145
Joined:  2009-11-29
 

Honestly I wouldn’t bother ensuring the corners are rounded in IE7, only 16.1% of users use IE as of October 2012, of that only 1.2% use IE7. That means about 0.19% of browsers out there are IE7. Browser stats can be found at the following if you need to explain this to a client http://www.w3schools.com/browsers/browsers_explorer.asp

However if you insist on pursuing this the only way I know to effectively round corners in IE7 can be found at the following link.
http://jonraasch.com/blog/css-rounded-corners-in-all-browsers

 
Magento Community Magento Community
Magento Community
Magento Community
Magento Community
Magento Community
Back to top