Border-radius issues

Collapse
X
 
  • Time
  • Show
Clear All
new posts
  • epots9
    Recognized Expert Top Contributor
    • May 2007
    • 1352

    Border-radius issues

    I am creating a HTML table on a asp.net page with c# as my language.

    everything is working as i want in firefox but internet explorer is a horror film.

    I append the style with the following code:
    Code:
    table.Style.Add("border-spacing", "0px");
                table.Style.Add("padding", "0px");
                table.Style.Add("background-color", "lightyellow");
                table.Style.Add("border-width", "5px");
                table.Style.Add("border-style", "solid");
                table.Style.Add("border-color", "white");
                table.Style.Add("width", "95%");
                table.Style.Add("margin", "auto");
                table.Style.Add("border-radius", "15px");
                table.Style.Add("border-collapse", "separate");
                table.Style.Add("text-align", "center");
    I've attached screenshots of the output from ff and ie. How it appears in firefox is what I want, so any tips on how I can get ie to do the same?
    Attached Files
  • Exequiel
    Contributor
    • Jul 2012
    • 288

    #2
    You need to consider the version of your IE. only in IE9 works the border radius, lower version of IE the border radius doesn't work, ,

    Comment

    • epots9
      Recognized Expert Top Contributor
      • May 2007
      • 1352

      #3
      sorry I should have been alittle detailed about that, the ie screenshot is from ie10...I guess nothing can be done until microsoft decides to invest more time into the browser

      Comment

      • Xillez
        New Member
        • Jul 2013
        • 93

        #4
        why so complicated? you can do exactly the same with less and more readble code...

        Code:
        border-radius: "any number"; for the curves
        and margin-left/right/top/left: "any number"; for the spaces between boarders..

        Comment

        • shadowstrike
          New Member
          • Aug 2013
          • 21

          #5
          Apparantly he has added the border radius but it seems to not take the effect.....
          Code:
          table.Style.Add("border-spacing", "0px");
                      table.Style.Add("padding", "0px");
                      table.Style.Add("background-color", "lightyellow");
                      table.Style.Add("border-width", "5px");
                      table.Style.Add("border-style", "solid");
                      table.Style.Add("border-color", "white");
                      table.Style.Add("width", "95%");
                      table.Style.Add("margin", "auto");
                   [U][B]   table.Style.Add("border-radius", "15px");[/B][/U]
                      table.Style.Add("border-collapse", "separate");
                      table.Style.Add("text-align", "center");

          Comment

          • shadowstrike
            New Member
            • Aug 2013
            • 21

            #6
            The border-radius property works fine on IE 9 in “standards mode.” Either your page triggers Quirks Mode or it contains something that breaks things up. Regarding this and the other question, please post a complete testable demo document (not just screenshots) if you need more advice.

            Comment

            Working...