Ver Mensaje Individual
  #1 (permalink)  
Antiguo 18/07/2011, 00:26
MiGoBi
 
Fecha de Ingreso: mayo-2011
Mensajes: 60
Antigüedad: 13 años, 7 meses
Puntos: 1
Problema centrando el contenido de un fieldset

Hola, como el título indica estoy intentado centrar el contenido de un fildset. He provado con text-align: center en el table, en el tr...También he provado con el parámetro align="center", pero está desactualizado. ¿Podrían explicarme como hacerlo?

HTML
Código HTML:
 <form id="formlogin" runat="server">
    <div>
    <br /><br />
        <div>
            <fieldset class="cssfieldset">
                <legend class="csslegend">Acceso</legend>
                    <table>
                         <tr>
                            <td class="textalignder">Usuario:</td>
                            <td class="textalignizq"><asp:TextBox id="txtUsername" runat="server" ValidationGroup="login" CausesValidation="true" /></td>
                         </tr>
                         <tr>
                            <td class="textalignder">Clave:</td>
                            <td class="textalignizq"><asp:TextBox id="txtClave" runat="server" TextMode="Password" ValidationGroup="login" CausesValidation="true" /></td>
                         </tr>
                         <tr class="csstable">
                            <td></td>
                            <td class="textaligncen">
                                <asp:Button id="btnSubmitLogin" runat="server" Text="Enviar"   CssClass="ButtonLogin" ValidationGroup="login" OnClick="btnLogueo_Click" />
                                <asp:Button id="btnCancelLogin" runat="server" Text="Cancelar" CssClass="ButtonLogin" />
                            </td>
                         </tr>
                         <tr class="csstable">
                            <td colspan="2" class="csstable">
                                <asp:RequiredFieldValidator id="RequiredFieldValidator1" runat="server" 
                                                            ErrorMessage="Introduzca un usuario" 
                                                            SetFocusOnError="true" 
                                                            ControlToValidate="txtUsername" 
                                                            CssClass="validatorlogin" Display="Dynamic"
                                                            ValidationGroup="login" />
                            </td>
                         </tr>
                         <tr class="csstable">
                            <td colspan="2" class="csstable">
                                <asp:RequiredFieldValidator id="RequiredFieldValidator2" runat="server" 
                                                            ErrorMessage="Introduzca una clave"  
                                                            SetFocusOnError="true" 
                                                            ControlToValidate="txtClave"
                                                            CssClass="validatorlogin" Display="Dynamic"
                                                            ValidationGroup="login" />
                            </td>
                         </tr>
                         <tr class="csstable">
                            <td colspan="2" class="textaligncen">
                                <asp:Label id="lblerroracceso" Text="" runat="server" CssClass="rojo"></asp:Label>
                            </td>
                         </tr>
                </table>
            </fieldset>
        </div>
        <br />
        <div>
 
            <fieldset class="cssfieldset">
                <legend class="csslegend">Recuperar Clave</legend>
                    <table>
                        <tr class="csstable">
                            <td>
                                Introduzca su e-mail:  
                            </td>
                            <td>
                                <asp:TextBox id="tbemail" MaxLength="50" runat="server" ValidationGroup="recuusario" CausesValidation="true" />
                            </td>         
                        </tr>
                        <tr class="csstable">
                            <td></td>
                            <td class="textaligncen">
                                <asp:Button id="btnSubmitRecu" runat="server" Text="Enviar"   CssClass="ButtonLogin" ValidationGroup="recuusario"  OnClick="enviaremail" />
                                <asp:Button id="btnCancelRecu" runat="server" Text="Cancelar" CssClass="ButtonLogin"  OnClientClick="mostrarpnllogin()" />
                            </td>
                        </tr>
                        <tr class="csstable">
                            <td colspan="2" class="textaligncen"> 
                                <asp:RequiredFieldValidator ID="RequiredFieldValidator3" runat="server" 
                                                            ErrorMessage="Introduzca un e-mail"  
                                                            SetFocusOnError="true" 
                                                            ControlToValidate="tbemail" 
                                                            CssClass="validatorlogin" Display="Dynamic"
                                                            ValidationGroup="recuusario" />
                            </td>
                        </tr>
                        <tr class="csstable">
                            <td colspan="2" class="textaligncen"> 
                                <asp:RegularExpressionValidator ID="RegularExpressionValidator1" runat="server" 
                                                                ErrorMessage="Introduzca un e-mail válido" 
                                                                SetFocusOnError="true" 
                                                                ControlToValidate="tbemail" 
                                                                CssClass="validatorlogin" Display="Dynamic" 
                                                                ValidationExpression="^([a-zA-Z0-9]+([\.+_-][a-zA-Z0-9]+)*)@(([a-zA-Z0-9]+((\.|[-]{1,2})[a-zA-Z0-9]+)*)\.[a-zA-Z]{2,6})$"
                                                                ValidationGroup="recuusario" />  
                            </td>
                        </tr>
                       <tr class="csstable">
                          <td colspan="2" class="problema">
                              <asp:Label id="lblerrormod" Text="" runat="server" CssClass="rojo"></asp:Label>
                          </td>
                       </tr>
                       <tr class="csstable">
                          <td colspan="2" class="textaligncen">
                              <asp:Label id="lblerrorclave" Text="" runat="server" CssClass="rojo"></asp:Label>
                          </td>
                       </tr>
                    </table>
            </fieldset>
        </div>
    </div>
    </form> 
CSS
Código:
.rojo
{
    color: Red;
}

.cssfieldset
{
     width: 300px;
     margin: auto;   /* para centrar los fieldset */
}

.csslegend
{
    font-size: 12px;
    text-decoration: none;    
}

.csstable
{
    text-align: center;    
}

.problema
{
    text-align:center;
    color: Red;    
}