Forums
View unanswered posts | View active topics It is currently Sun Dec 17, 2017 4:08 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 pie.htc 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):

Code:
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("pie.htc");
}


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
Code:
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!

Cheers,

Sig


Attachments:
ie.gif [6.87 KiB]
Not downloaded yet
chrome.gif [6.01 KiB]
Not downloaded yet
Sun Feb 05, 2012 11:39 pm
Profile
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:  
cron
Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group.
Designed by STSoftware for PTF.