Forums
View unanswered posts | View active topics It is currently Sat Oct 25, 2014 9:39 pm



Reply to topic  [ 3 posts ] 
 Border-radius + border-color problem ? 
Author Message

Joined: Mon Jan 10, 2011 5:11 am
Posts: 2
Post Border-radius + border-color problem ?
Hi,

I have a problem (image attached, see red circles) with border-radius + border-color on the same element.

this is the CSS from FireBug for that element (#content)

I added that .htc file as needed, relative path blah blah... :)
Maybe the !important in '.pink_border' class makes it go crazy?
How can I fix that?

Thanks!

Code:
#content.select_photo {
    height: 790px;
}

#content {
    -moz-border-radius: 15px 15px 15px 15px;
    background: url("../images/background.jpg") no-repeat scroll center top #B6D66B;
    border: 2px solid #000000;
    height: 545px;
    padding-top: 12px;
    position: relative;
    width: 756px;
}

.pink_border {
    border-color: #ED008C !important;
}


Attachments:
css3pie_issue.jpg [71.11 KiB]
Downloaded 205 times
Mon Jan 10, 2011 5:48 am
Profile

Joined: Wed Jul 14, 2010 11:46 am
Posts: 1446
Post Re: Border-radius + border-color problem ?
Yep, your use of !important is causing the border-color style to be non-overridable. PIE needs to be able to override it to hide the normal border (by setting it to 'transparent').

The easy fix is just to give your .pink_border selector a higher specificity so it takes precedence over the border color from #content. Personally I always recommend this anyway; in my experience !important almost always leads to maintenance and flexibility problems. But YMMV. ;)


Mon Jan 10, 2011 8:36 am
Profile

Joined: Mon Jan 10, 2011 5:11 am
Posts: 2
Post Re: Border-radius + border-color problem ?
Thanks!


Mon Jan 10, 2011 3:56 pm
Profile
Display posts from previous:  Sort by  
Reply to topic   [ 3 posts ] 

Who is online

Users browsing this forum: Bing [Bot], Yahoo [Bot] and 1 guest


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.