Padding mit dem RoundedCornersExtender

Bei einem Panel mit Padding hat mir der RoundedCornersExtender den Inhalt immer zu breit gemacht.

Deshalb habe ich nun das Padding weggelassen und einen inneren Div mit einer Margin verwendet.

 <asp:Panel ID="Panel1" runat="server" CssClass="asPanel">
    <div class="asPanelContent">

     ...........

  </div>
    </asp:Panel>

    <ajaxToolkit:RoundedCornersExtender TargetControlID="Panel1" Corners="All" Radius="10" runat="server">
    </ajaxToolkit:RoundedCornersExtender>

und dem Style:

.asPanelContent
    {
        background:#EFEFEF;
        margin: 5px 8px 5px 8px;
        padding: 6px 6px 6px 6px;
    }

Jetzt gibts eine schöne runde Box ganz ohne Bilder.

Kommentar schreiben