Learn how to a build a cloud-first strategyRegister Now

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 400
  • Last Modified:

Problems with Border Radius in IE9

I am using border-radius to create rounded corners on my website. IE is rendering them but there is an unwelcome line around my grid that is being rendered  that I believe is being caused by "border-radius" but not sure what I can do to remedy it. Please see the attached screenshots.
rounded-1-Chrome.jpg
rounded-1-IE.jpg
0
J C
Asked:
J C
  • 5
  • 2
1 Solution
 
Element1910Commented:
What does your CSS look like for the rounded corners?
0
 
Element1910Commented:
Also, try adding this within your <head> tags on the page:
<meta content="IE=edge" http-equiv="X-UA-Compatible" />

Open in new window

0
 
J CAuthor Commented:
I had already included <meta content="IE=edge" http-equiv="X-UA-Compatible" /> for each page of my site.

CSS:

.ProjectMgmtProjectsGrid {
color: Black;
background-color: White;
border: 10px solid #013668;
border-radius: 15px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
}

Open in new window

0
VIDEO: THE CONCERTO CLOUD FOR HEALTHCARE

Modern healthcare requires a modern cloud. View this brief video to understand how the Concerto Cloud for Healthcare can help your organization.

 
Element1910Commented:
I'm just about to leave from work in about 30 minutes, when I get home, I'll try to find a solution for you (we don't have IE9 at work and cannot install it, yet...lol). If I think of anything in the mean time, prior to me leaving, I'll post it here.
0
 
Element1910Commented:
One thing I'm seeing in the image also is that the text in IE seems to be much bigger...is it possible that you are using a different size font or font style for your screenshots? One thing you could do in IE, is hold down [Ctrl] and then scroll your middle mouse button down ONCE. It should zoom out slightly for the text. This could be causing your issue.
0
 
J CAuthor Commented:
I feel like an idiot. I was scaling the page (unknowingly). Once I was viewing at 100%, the page displayed properly. Thanks for your help!
0
 
Element1910Commented:
You're welcome :) I figured it had to be something with the zooming.
0

Featured Post

What does it mean to be "Always On"?

Is your cloud always on? With an Always On cloud you won't have to worry about downtime for maintenance or software application code updates, ensuring that your bottom line isn't affected.

  • 5
  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now