Problema centrando el contenido de un fieldset

[MiGoBi]

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;    
}

[emprear]

Es que efectivamente el contenido de un fieldset lo podés centrar con
style="text-align: center;"

Verificalo con este ejemplo:

Código HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>titulo</title> 
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
</head>
<body>
<div>
<form action="#">
<fieldset style="text-align: center;">
<legend>Usuario:</legend>
nombre: <input type="text" size="30" name="a" /><br />
</fieldset>
</form>
<br />
<form action="#">
<fieldset>
<legend>Usuario:</legend>
nombre: <input type="text" size="30" name="b" /><br />
</fieldset>
</form>
</div>
</body>
</html>
 

Lo que habría que ver que es exactamente lo que querés centrar, el contenido de las celdas tal vez? por ahi tenés definida una class="textaligncen" , pero que no aparece en tu css. Lo que si veo es un

Código CSS:

.csstable
{
    text-align: center;    
}
 

Pero que no afecta si está aplicado a las filas. Y en cuanto a align="center", esta depreciado en Strict, pero no en Transitional, asi que lo podrias usar para las celdas.

Un poco confuso tu planteo.
Saludos



Saludos

[MiGoBi]

Lo 1º que prové es como tú dices y no me centra el contenido (es un formulario) del fieldset. Yo quiero centrar toda la tabla dentro del fieldset. El como alinee (izquierda, derecha o centrado) cada elemento de la tabla es otra cosa.
Y eso de Strict o Transitional no se de que hablas. ¿Me podrías explicar?

El .csstable lo utilizo en otro formulario que utiliza el mismo css, y como he escrito en el primer post con text-align: center no me centra la tabla.

La clase class="textaligncen" viene del css "superior", me explico, el form que he mostrado es cargado en un span con jquery y le he creado un css sólo para él, si lo he dejado es porque he cometido un error al ir haciendo pruebas para ver si me lo hacía bien o no, es decir, si me cogia el css "superior" o no.

[emprear]

Bueno, si lo que queres es centrar la tabla, entonces usas esto

Código HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>titulo</title> 
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
</head>
<body>
<div>
<form action="#">
<fieldset>
<legend>Usuario:</legend>
<table width="50%" border="1" align="center">
    <tr>
        <td>
nombre: <input type="text" size="30" name="a" /><br />
</td>
</tr>
</table>
</fieldset>
</form>
<br />
<form action="#">
<fieldset>
<legend>Usuario:</legend>
<table width="50%" border="1" align="center">
    <tr>
        <td align="center">
nombre: <input type="text" size="30" name="b" /><br />
</td>
</tr>
</table>
</fieldset>
</form>
</div>
</body>
</html>
 

ahi tenés las dos variantes, la tabla centrada ó la tabla + la celda más abajo.
La primera parte del html contiene el llamado Doctype

Código HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
 

No abundo en detalles, pero si usas ese (Transitional), el atributo align es completamente válido, para las celdas y la tabla.

Saludos

[MiGoBi]

Funciona perfectamente! Muchas gracias!
Investigando por ahí he encontrado otra forma:
CSS

Código:

div.centrado
{
    text-align: center;
}

div.centrado table 
{
    margin: 0 auto;
    text-align: left;
}

HTML

Código HTML:

<div class="centrado">
<table>
<tr>
</tr>
</table>
</div>