border-radius

it doesn't work with IE8 :(
it could, with contao 2.10.3 and css3, isn't it?

What version of Contao are you using? As of 2.10 Contao includes html5shim/html5shiv, that should take care of such things as much as possible. I'm using it on a project and I have yet to notice features that do not work at all and I am using the radius as well...

If you are using a lesser version look here: http://code.google.com/p/html5shiv/ (Contao uses this) or http://www.modernizr.com/ (also a very good one (I haven't checked, but I think the html5 boilerplate extension will be using this one)).

I checked, my Contao version is 2.10.2

is shim in code,js enabled? what you tried?

in backend > themes > css this is the code:

Code:

---

div#box
{
    margin-bottom:15px;
    margin-left:15px;
    border-top:0px solid #C9D3AB;
    border-right:1px solid #C9D3AB;
    border-bottom:1px solid #C9D3AB;
    border-left:1px solid #C9D3AB;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
    border-radius:8px;
    behavior:url("plugins/css3pie/PIE.htc");
}

---

in frontend I don't see this code, using firebug or opening css, but maybe this can be normal?

note: normal border disappears too
url (if you want to see and to test): http://www.carpmarket.com/web/index.php

Salve,

you have assigned the CSS ID "box" to more than one <div> container, what is not valid since CSS ID's must be unique within an HTML page.

Hi
first of all, thanks for your help
I changed the css, and now I use class in place of id, but I've the same problem: ok with FF and GC, not with IE

Ciao desperados,

I guess you have to add a position:relative; to the CSS rule:

Code:

---

div .box {
    border-color: #C9D3AB;
    border-radius: 8px 8px 8px 8px;
    border-style: solid;
    border-width: 0 1px 1px;
    margin-bottom: 15px;
    margin-left: 15px;
    position: relative;
}

---

Further, I would choose a selector "div.box" instead of "div .box".

HTH

You still need to make sure the javascript is on the html source code.

now with IE I've something similar to a border-radius, but it's not good
I've not the code indicated by Ruud, how can I activate it? with a module? I've added it into fe_page.xhtml template after "if IE6" code
thanks

Well, compare your fe_page template with the original. You'll notice that the last line before </head> is different. Change fe_page.xhtml in your templates folder to match:

Code:

---

</head>

---

ok, done, thanks
but in IE the border-radius is not good, is it normal?

I can't tell because you are not showing what you mean. But if you'd add a picture or a description it may be something I recognize... If I had to guess it is probably a difference which can be expected with new techniques we try to apply to older browsers.

If older IE browsers :-( are important to you you could have a look at hcss3pie.com

I've found the problem. In IE the background image is over the border, so the border-radius is not seen

IE is shit !!

I've removed image and I try to use linear-gradient, and again in FF works and in IE not.