Adrian Cross

<div>
Many thanks for taking your time putting that together. I just realised I had another div wrapping the border with some bootstrap class which it was causing this. Removing that div, solved the problem.
</div>


Many thanks for taking your time putting that together. I just realised I had another div wrapping the border with some bootstrap class which it was causing this. Removing that div, solved the problem.

<div>
<div class="content wysiwyg-content">
Hi, I'm trying to add round corners to a gridview using the CSS below. It works fine in IE11 but not in chrome. In Chrome, the border just grows as the page maximizes as the picture below. <br />
<br />
At first, it behaved the same in IE but after adding the line &nbsp;&quot;style=&quot;display: table;&quot; worked fine. But as I said, still not good in chrome. Any ideas? <br />
<br />
Thanks!<br />
<br />

<pre><code id="code-10-29116632-1">  &lt;div class=&quot;rounded-corners&quot; style=&quot;display: table;&quot; runat=&quot;server&quot;&gt;
     &lt;asp:GridView ID=&quot;gv&quot; runat=&quot;server&quot; AutoGenerateColumns=&quot;false&quot; CssClass=&quot;mygrid&quot;&gt;
....</code></pre>
<br />

<pre><code id="code-10-29116632-2"> .mygrid
{
    border: 1px solid steelblue;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 6px;
    background-color: White;
    font-family: Verdana;
    font-size: 10pt;
    margin-bottom: 0px;
    
   
}
...

 .rounded-corners
{
       border: 1px solid steelblue;
      -webkit-border-radius: 6px;
      -moz-border-radius: 6px;
      border-radius: 6px;
      overflow: hidden;
  
}</code></pre>
<a href="https://filedb.experts-exchange.com/incoming/2018/09_w36/1380946/grid.png" target="_blank" title="grid (1 KB)"><img alt="grid" class="file-block lazyload" style="max-width: 800px;" data-src="https://filedb.experts-exchange.com/incoming/2018/09_w36/800_1380946/grid.png" /></a>
</div>
</div>


grid.png

Hi, I'm trying to add round corners to a gridview using the CSS below. It works fine in IE11 but not in chrome. In Chrome, the border just grows as the page maximizes as the picture below. 

At first, it behaved the same in IE but after adding the line  "style="display: table;" worked fine. But as I said, still not good in chrome. Any ideas? 

Thanks!

(CODE)

(CODE)


Round corners in grid issue.

The successor to Active Server Pages, ASP.NET websites utilize the .NET framework to produce dynamic, data and content-driven web applications and services. ASP.NET code can be written using any .NET supported language. As of 2009, ASP.NET can also apply the Model-View-Controller (MVC) pattern to web applications

ASP.NET

Cascading Style Sheets (CSS) is a language used for describing the look and formatting of a document written in a markup language. Usually used to change web pages and user interfaces written in HTML, it can also be applied to any kind of XML document. CSS is designed primarily to distinguish the content of a document from its presentation.