Solved

IE 10 Broke my rounded box..?

Posted on 2013-06-04
4
536 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

Threat Intelligence Starter Resources

Integrating threat intelligence can be challenging, and not all companies are ready. These resources can help you build awareness and prepare for defense.

Join & Write a Comment

Why do we like using grid based layouts in website design? Let's look at the live examples of websites and compare them to grid based WordPress themes.
I've been asked to discuss some of the UX activities that I'm using with my team. Here I will share some details about how we approach UX projects.
In this tutorial viewers will learn how to style rounded corners for elements in CSS using the border-radius property Begin with a normal styled element such as a div: To style all four corners of the div to be the same degree of roundness, use the …
The viewer will learn how to dynamically set the form action using jQuery.

757 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

17 Experts available now in Live!

Get 1:1 Help Now