centrar tabla

pampa_ · #1 (**permalink**) 03/09/2009, 07:38

Hola!!

Tengo un problemilla estoy haciendo una web en ASP.NET y resulta que las paginas me salen descentradas, dependiendo de la resolucion de la pantalla.

Asi que me gustaria saber si sabriais como ayudarme.

Os dejo mi codigo aqui.

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>INTRANET LLORENS</title>

<style type="text/css">

*{-moz-box-sizing:border-box}
p{margin-top:0px;margin-bottom:1em}
form{margin:0px}
input{padding:1px}

#Button1
{
width: 181px;
height: 43px;
}
#ButtonScada
{
width: 120px;
}
#Button3
{
width: 119px;
}
.style1
{
}
.style5
{
width: 271px;
}
.style6
{
width: 144px;
}
.style7
{
height: 28px;
}
.style8
{
width: 271px;
height: 8px;
}
.style9
{
height: 2px;
}
.style10
{
width: 271px;
height: 8px;
}
.style11
{
height: 8px;
}
.style12
{
width: 197px;
}
.style13
{
width: 168px;
}
</style>

</head>
<body bgcolor="White" onunload="muestraMensaje()">
<form name="pointform" method="post" runat="server" align="center">
<table style="width: 550px; margin-left: 33%;" border="0"
frame="border">
<tr align="center">
<td class="style1" colspan="3">
<asp:Label ID="Label5" runat="server" Font-Bold="True" Font-Size="XX-Large"
Text="INTRANET LLORENS"></asp:Label>
</td>
</tr>
<tr>
<td class="style1" colspan="3">
<br />
<br />
</td>
</tr>
<tr>
<td class="style1" colspan="3">
<table style="width:100%;">
<tr>
<td bgcolor="#3366FF" class="style7" colspan="2" align="center"><asp:Label ID="Label3" runat="server" Font-Bold="True" ForeColor="White"
Text="Iniciar sesión"></asp:Label>
</td>
</tr>
<tr>
<td class="style10" align="right" bgcolor="#99CCFF">
</td>
<td bgcolor="#99CCFF" class="style11" style="border-spacing: 0px">
 </td>
</tr>
<tr>
<td class="style5" align="right" bgcolor="#99CCFF">
<asp:Label ID="Label6" runat="server" Font-Bold="True" ForeColor="White"
Text="Nombre de usuario:"></asp:Label>
</td>
<td bgcolor="#99CCFF">
<asp:TextBox ID="TextBox1" runat="server" ontextchanged="TextBox1_TextChanged"></asp:TextBox>
</td>
</tr>
<tr>
<td class="style5" align="right" bgcolor="#99CCFF">
<asp:Label ID="Label7" runat="server" Font-Bold="True" ForeColor="White"
Text="Contraseña:"></asp:Label>
</td>
<td bgcolor="#99CCFF">
<asp:TextBox ID="TextBox2" runat="server" TextMode="Password"
ontextchanged="TextBox2_TextChanged"></asp:TextBox>
</td>
</tr>
<tr>
<td class="style5" bgcolor="#99CCFF">
 </td>
<td bgcolor="#99CCFF">
<asp:Button ID="Button4" runat="server" onclick="Button4_Click"
Text="Inicio de sesión" style="height: 26px" Width="128px" />
<asp:Button ID="Button8" runat="server" onclick="Button8_Click"
Text="Salir de la sesión" style="height: 26px" Width="128px" />
</td>
</tr>
<tr>
<td class="style5">
 </td>
<td>
 </td>
</tr>
<tr>
<td class="style7" bgcolor="#3366FF" colspan="2" align="center">
<asp:Label ID="Label4" runat="server" Font-Bold="True" ForeColor="White"
Text="Crear usuario"></asp:Label>
</td>
</tr>
<tr>
<td class="style8" align="right" bgcolor="#99CCFF">
</td>
<td class="style9" bgcolor="#99CCFF">
</td>
</tr>
<tr>
<td class="style5" align="right" bgcolor="#99CCFF">
<asp:Label ID="Label8" runat="server" Font-Bold="True" ForeColor="White"
Text="Nombre de usuario:"></asp:Label>
</td>
<td bgcolor="#99CCFF">
<asp:TextBox ID="TextBox3" runat="server" Enabled="False"></asp:TextBox>
</td>
</tr>
<tr>
<td class="style5" align="right" bgcolor="#99CCFF">
<asp:Label ID="Label9" runat="server" Font-Bold="True" ForeColor="White"
Text="Contraseña:"></asp:Label>
</td>
<td bgcolor="#99CCFF">
<asp:TextBox ID="TextBox4" runat="server" TextMode="Password" Enabled="False"></asp:TextBox>
</td>
</tr>
<tr>
<td class="style5" align="right" bgcolor="#99CCFF">
<asp:Label ID="Label10" runat="server" Font-Bold="True" ForeColor="White"
Text="Repetir Contraseña:"></asp:Label>
</td>
<td bgcolor="#99CCFF">
<asp:TextBox ID="TextBox5" runat="server" TextMode="Password" Enabled="False"></asp:TextBox>
</td>
</tr>
<tr>
<td class="style5" bgcolor="#99CCFF">
 </td>
<td bgcolor="#99CCFF">
<asp:Button ID="Button6" runat="server" Text="Crear usuario"
onclick="Button6_Click" Enabled="False" Width="127px" />
</td>
</tr>
<tr>
<td class="style5">
 </td>
<td>
 </td>
</tr>
</table>
</td>
</tr>
<tr>
<td class="style13">
<asp:Button ID="button7" runat="server" Text="TELEFONOS" Enabled="False"
onclick="button7_Click" style="height: 26px" Width="120px" />
</td>
<td align="center" class="style12">
<asp:Button ID="button2" runat="server" Text="PARTEADOR" Enabled="False"
onclick="button2_Click" style="height: 26px" Width="120px" />
</td>
<td class="style6" align="right">
<asp:Button ID="button5" runat="server" Text="SCADA" Enabled="False"
Width="120px" onclick="button5_Click" />
</td>
</tr>
<tr>
<td class="style13">
 </td>
<td align="right" class="style12">
 </td>
<td class="style6">
 </td>
</tr>
<tr>
<td class="style13">
</td>
<td align="right" class="style12">
 </td>
<td class="style6">
</td>
</tr>
<tr>
<td class="style13">
 </td>
<td align="right" class="style12">
 </td>
<td class="style6">
 </td>
</tr>
<tr>
<td class="style13">
 </td>
<td class="style12">
 </td>
<td class="style6">
 </td>
</tr>
</table>
</form>
</body>
</html>

abimaelrc · #2 (**permalink**) 03/09/2009, 07:51

Te sugiero leer esto http://www.forosdelweb.com/f53/probl...3/#post2938993

Te falta el doctype y algunos css que te van ayudar a lograrlo

nemesis866 · #3 (**permalink**) 04/09/2009, 00:24

En la siguiente linea

<table style="width: 550px; margin-left: 33%;" border="0"
frame="border">

solo agrega esto

text-align:center;

Saludos

jomaruro · #4 (**permalink**) 05/09/2009, 12:24

Hola:

Que yo sepa el text-align sólo sirve para alinear texto con lo cual no creo que sirviera para centrar una tabla.

La solución sería aplicar a la tabla lo siguiente:

Código:

margin:0 auto;

Saludos.

zerokilled · #5 (**permalink**) 05/09/2009, 21:34

Cita:

Que yo sepa el text-align sólo sirve para alinear texto con lo cual no creo que sirviera para centrar una tabla.

desgraciadamente para iexplorer6/7 el margin:auto no funciona y hay que utilizar text-align:center. no lo he intentado en iexplorer8.

abimaelrc · #6 (**permalink**) 05/09/2009, 21:48

Cita:

Iniciado por zerokilled

desgraciadamente para iexplorer6/7 el margin:auto no funciona y hay que utilizar text-align:center. no lo he intentado en iexplorer8.

¿Como que no funciona? Lo probe en IE7 y si funcionó. Mira este codigo usando solamente margin: 0 auto y especificando el doctype. Copio y pego codigo de kseso?

Código html:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es-es">
<head>
<title>enésima respuesta al centrado</title>
<style type="text/css">
* {margin: 0; padding: 0; border: 0; position:relative:}
html, body {
background-color: #fff;
}
#contenedor{
width: 50%;
background-color: #cdcdcd;
margin: 0 auto;
height: 400px;
}
 
</style>
</head>
<body>
<div id="contenedor">
<p><a href="http://www.forosdelweb.com/f53/problema-con-centrado-div-704903/#post2938993" title="Y yo visitante tampoco volveré a hacer pregunta tan elemental">A los cielos pongo por testigos que no volveré a explicar cómo centrar con css</a></p>
</div>
</body>
</html>

zerokilled · #7 (**permalink**) 05/09/2009, 21:55

se debe a mi costumbre de hacer pruebas rapidas sin el doctype. una razon para siempre utilizar el doctype. habria que intentarlo en iexplorer6.

triskell · #8 (**permalink**) 10/09/2009, 01:21

Prueba a añadir las etiquetas <center> </center> al inicio y al final de la tabla respectivamente, aunque un poco a lo bruto te lo centrará con respecto a tu página.