I have a div inside of another div. #outer and #inner. #outer has curved borders and a white background. #inner has no curved borders and a green background. #inner extends beyond the curved borders of #outer. Is there anyway to stop this?
<div id="outer">
<div id="inner"></div>
<!-- other stuff needs a white background -->...
I am using -moz-border-radius (along with border-bottom-left and the webkit one).
The radius shows up in every browser (that supports css3 radius) no problem.
In firefox, the radius shows up. When I inspect with firebug, radius is missing from the stylesheet (it is there though, just not visible in firebug).
it works here on the tabs ...
I am having a problem to use both inset box shadow and border radius. This works well with mozzila but with chrome -webkit-box-shadow extends the shadow outside the division. Here is the link to the website: www.rohanjain.in, the corners are rounded for mozzila but i have not enabled border-radius for webkit because of this bug.
I am ...
There doesn't seem to be a way to support border-radius other than to provide the CSS for each engine separately. Right now it seems you have to declare the property three or four times (possibly more if you want to support more obscure engines).
My interim solution is to pass all of my CSS through this regular expression:
Regexp:
bor...
Hey,
I have a relatively positioned div within a centred div of width 50%... I mean the outer one is set to width: 50% and margin-left/right: auto. I then have another div with class headerContainer and another one with class header. There is an image with class headerImg within the header div.
It would seem that, when a curved border ...
This isn't really a question, just something I struggled with on my own and thought others might appreciate a solution.
If you try to apply a border and rounded border radius to a div containing an image in FireFox, you get rounded div borders with a square image sticking out at the corners--rather unsightly.
Solution?
Apply a desire...
IE9, Firefox 4, Opera 10.5, Safari 5, Chrome 4, WebKit 532.5 supports CSS3 border-radius.
Latest jquerycurvycorners 2.1.1 uses -moz-border-radius and not border-radius to create corners to old browsers. How to replace it to border-radius, border-top-left-radius, border-top-right-radius, border-bottom-right-radius, border-bottom-left-rad...
i have a css code:
-moz-border-radius-topleft:50px;
i get the result:
Is there any possibilities to give like this:
...
Hi,
I am getting a wierd furry edge in earlier versions of Safari when using border-radius.
I am using Panic Coda (I don’t know what rendering version they use) but it’s fine in my other version of Safari, which is version 5.
The style:
background: url(/images/arrows.png) no-repeat center right, -webkit-gradient(linear, 0% 0%, 0% 100...
i understand how to create CSS3 round corners in FF & webkit however how would one create them in opera purely with CSS3.
...