it doesn't work with IE8
it could, with contao 2.10.3 and css3, isn't it?
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:
in frontend I don't see this code, using firebug or opening css, but maybe this can be normal?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"); }
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.
Contao Community Moderator
→ Support options
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:
Further, I would choose a selector "div.box" instead of "div .box".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; }
HTH
Contao Community Moderator
→ Support options
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.
Bookmarks