Solved

IE 10 Broke my rounded box..?

Posted on 2013-06-04
4
544 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 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

Cloud Training Guides

FREE GUIDES: In-depth and hand-crafted Linux, AWS, OpenStack, DevOps, Azure, and Cloud training guides created by Linux Academy instructors and the community.

Question has a verified solution.

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

This article was originally published on Monitis Blog, you can check it here . Today it’s fairly well known that high-performing websites and applications bring in more visitors, higher SEO, and ultimately more sales. By the same token, downtime…
Q&A with Course Creator, Mark Lassoff, on the importance of HTML5 in the career of a modern-day developer.
Video by: Mark
This lesson goes over how to construct ordered and unordered lists and how to create hyperlinks.
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).

635 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