Results 1 to 17 of 17

Thread: border-radius

  1. #1
    User
    Join Date
    07-16-09.
    Posts
    128

    Default border-radius

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

  2. #2
    Experienced user
    Join Date
    01-12-10.
    Posts
    814

    Default Re: border-radius

    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)).

  3. #3
    User
    Join Date
    07-16-09.
    Posts
    128

    Default Re: border-radius

    I checked, my Contao version is 2.10.2

  4. #4
    Experienced user
    Join Date
    01-12-10.
    Posts
    814

    Default Re: border-radius

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

  5. #5
    User
    Join Date
    07-16-09.
    Posts
    128

    Default Re: border-radius

    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?

  6. #6
    User
    Join Date
    07-16-09.
    Posts
    128

    Default Re: border-radius

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

  7. #7
    Community-Moderator xchs's Avatar
    Join Date
    06-20-09.
    Posts
    1,287

    Default Re: border-radius

    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

  8. #8
    User
    Join Date
    07-16-09.
    Posts
    128

    Default Re: border-radius

    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

  9. #9
    Community-Moderator xchs's Avatar
    Join Date
    06-20-09.
    Posts
    1,287

    Default Re: border-radius

    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
    Contao Community Moderator
    → Support options

  10. #10
    Experienced user
    Join Date
    01-12-10.
    Posts
    814

    Default Re: border-radius

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


  11. #11
    User
    Join Date
    07-16-09.
    Posts
    128

    Default Re: border-radius

    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

  12. #12
    Experienced user
    Join Date
    01-12-10.
    Posts
    814

    Default Re: border-radius

    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>

  13. #13
    User
    Join Date
    07-16-09.
    Posts
    128

    Default Re: border-radius

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

  14. #14
    Experienced user
    Join Date
    01-12-10.
    Posts
    814

    Default Re: border-radius

    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.

  15. #15
    User
    Join Date
    06-19-09.
    Posts
    417

    Default Re: border-radius

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

  16. #16
    User
    Join Date
    07-16-09.
    Posts
    128

    Default Re: border-radius

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

  17. #17
    User
    Join Date
    07-16-09.
    Posts
    128

    Default Re: border-radius

    IE is shit !!

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

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •