View unanswered posts | View active topics It is currently Wed Mar 21, 2018 8:51 am

Reply to topic  [ 1 post ] 
 border-radius issue 
Author Message

Joined: Sun Feb 05, 2012 11:26 pm
Posts: 3
Post border-radius issue
Using the latest CSS3 pie beta 5 to apply a rounded corner it doesn't look as expected. I've double checked and is loaded, so we can rule this out.

UPDATE: I've uploaded two screen captures showing how it looks in IE with pie and in Chrome with native CSS3.

The css looks like this (simplified):

body div
   border-bottom: 10px solid red;
   border-top: 10px solid red;
   border-radius: 10px;
   box-shadow: 0 0 10px 10px #888888;
   margin-bottom: 20px;
   margin-left: auto;
   margin-right: auto;
   margin-top: 20px;
   width: 94%;
   position: relative;
   behavior: url("");

The issue is that the rounded corner isn't showing up correctly (sorry for not providing a live sample or image, but I'm not allowed to share with the public).

As soon as I use
border: 10px solid red;
the border radius looks fine. However, I don't want to have a border on the left and right side.

Any ideas? TIA!



ie.gif [6.87 KiB]
Not downloaded yet
chrome.gif [6.01 KiB]
Not downloaded yet
Sun Feb 05, 2012 11:39 pm
Display posts from previous:  Sort by  
Reply to topic   [ 1 post ] 

Who is online

Users browsing this forum: No registered users and 3 guests

You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot post attachments in this forum

Search for:
Jump to:  
Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group.
Designed by STSoftware for PTF.