Solved

IE 10 Broke my rounded box..?

Posted on 2013-06-04
4
537 Views
Last Modified: 2013-06-04
Please see this page:  http://www.theravive.com/test.htm  
Its a very simple box within a box.  In firefox and earlier IE, the corners are rounded, but in IE10 its just a square box.   How can I get them universally rounded so that they look like they do in firefox?  (Firefox's rendering is the intended look)

The CSS:
border-radius: 7px;
      -webkit-border-radius: 7px;
      color:  #FFF;
      margin-bottom: 10px;



(I'm hoping for a CSS fix, that will make it much easier then modifying individual pages)
0
Comment
Question by:arthurh88
  • 2
  • 2
4 Comments
 
LVL 23

Accepted Solution

by:
tailoreddigital earned 500 total points
ID: 39220581
Hmmm,

It looks good in IE10 here,
Corners
0
 

Author Comment

by:arthurh88
ID: 39220597
strange...maybe something is wrong with my IE?  
 but I guess that is good to know!!  I have the exact same version as you and it shows square boxes.  but if its working on yours that is good news.   if its just me, that would be great.
0
 

Author Comment

by:arthurh88
ID: 39220603
ohh, I had the "compatibility view" clicked by accident....so why does my website show the "compatibility button" in the address bar but here on EE its not there?
0
 
LVL 23

Expert Comment

by:tailoreddigital
ID: 39220644
Check out the summary on the bottom of this page,
http://superuser.com/questions/215735/ie-why-does-compatibility-view-disappear-for-some-websites

I post the whole page FYI
0

Featured Post

3 Use Cases for Connected Systems

Our Dev teams are like yours. They’re continually cranking out code for new features/bugs fixes, testing, deploying, testing some more, responding to production monitoring events and more. It’s complex. So, we thought you’d like to see what’s working for us.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
Bootstrap 3 website error 14 45
Syntax Error 2 44
app server have enough resources... 2 23
Remove third quote mark from widget 6 9
"In order to have an organized way for empathy mapping, we rely on a psychological model and trying to model it in a simple way, so we will split the board to three section for each persona and a scenario and try to see what those personas would Do,…
Get to know the ins and outs of building a web-based ERP system for your enterprise. Development timeline, technology, and costs outlined.
The viewer will learn how to dynamically set the form action using jQuery.
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).

911 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

19 Experts available now in Live!

Get 1:1 Help Now