Question

I have a GridView with three buttons under it. I am trying to figure out how to align them so the first button’s left edge is aligned with the left edge of the GridView, the second button is centered under the GridView, and the third button’s right edge is aligned with the right edge of the GridView. If the GridView’s width expands, I am wanting the buttons to stay aligned with the GridView. Right now, the buttons are “clumped” together horizontally, aligned to the left.
Here is a rough sketch of what I’m wanting.

Answer 1

How about put the Gridview and Buttons in seperate rows of a Table?

Here is an example with inline styles:

<table>
    <tr>
        <td colspan="3" style="width: 100%">
            <asp:GridView ID="GridView1" ShowHeader="false">
                 ...
            </asp:GridView>
        </td>
    </tr>
    <tr>
        <td style="width: 33%; text-align: left">
            <asp:Button ID="button1" runat="server" />
        </td>
        <td style="width: 33%; text-align: center">
            <asp:Button ID="button2" runat="server" />
        </td>
         <td style="width: 33%; text-right">
            <asp:Button ID="button3" runat="server" />
        </td>
    </tr>
</table>