alinear tabla en php

cerberus18 · #1 (**permalink**) 19/03/2009, 13:01

Hola a todos... perdon por mi ignorancia pero estoy desarrollando un proyecto para graduarme y la verdad estoy trabajando en la interfaz como prioridad. El problema surge que cuando voy a mirar mi index de comprobacion de usuario en Firefox me sale la tabla alineada a la izquierda y mientras que en IE7 sale bien. Como podria corregir esto? Mi codigo es el siguiente:

Código PHP:

  <html>

<head>

<style>

*{margin:0; padding:0;}

 
body{

    color:#fff;

    background-repeat: no-repeat;

    background-color: #003366;

}

 
#header{

    background:#fff; margin: 0 auto; width:700px; height:200px; border:1px solid #333;background-image:url('imagenes/logo1.jpg');background-position: center; background-repeat: no-repeat; 

}

 
#contenedor{

    background:#009966; margin: 0 auto; width:750px; height:500px; border:20px solid #333; margin-top:10px;

}

 
 
</style>

</head>

    <title>Iniciar</title>

    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"><style type="text/css">

<!--

body,td,th {

    color: #0066CC;

}

.Estilo2 {

    color: #FFFF00;

    font-weight: bold;

}

-->

      </style></head>

      <body style="background-color: #FFFFFF;" >

      

<div id="contenedor">

<div id="header">

 
</div>

 
 
     

 
 
 
      <form name="index" method="post" action="index.php">

               <table width="30" border="3" align="center">

               <tr>

               <br>

               <br>

               <br>

               <br>

               <br>

               

            

    

               <td><div align="center"><span class="Estilo2">Login</span></div></td>

               <td align="left"><input type="text" name="txtlogin" value="" size="20" ></td>

               </tr>

                

               <tr>

               <td><span class="Estilo2">Contraseña</span></td>

               <td align="left"><input type="password" name="txtclave" value="" size="20"></td>

                </tr>

                <tr>

                <td align="center"><input type="submit" name="btnaceptar" value="Aceptar">

                <td><input type="Submit"name="btnCancelar"value="Cancelar"></td>

                 </tr>

                </table>

                <br>

                

</form>

                </body>

                </html>

Recorté el codigo PHP y deje solo lo que corresponde a la tabla.

Sugerencias y comentarios son bien recibidos:

bleckfala · #2 (**permalink**) 19/03/2009, 13:10

ponle
<div id="contenedor" aling="center"> y otra cosa no estas cerrando el div de contenedor cierralo </div>

jomaruro · #3 (**permalink**) 19/03/2009, 15:12

Hola:

Aparte de lo que ya te han comentado, tienes el código un poco liadito.

Código:

<html>
<head>
<style>
*{margin:0; padding:0;}

body{
    color:#fff;
    background-repeat: no-repeat;
    background-color: #003366;
}

#header{
    background:#fff; margin: 0 auto; width:700px; height:200px; border:1px solid #333;background-image:url('imagenes/logo1.jpg');background-position: center; background-repeat: no-repeat; 
}

#contenedor{
    background:#009966; margin: 0 auto; width:750px; height:500px; border:20px solid #333; margin-top:10px;
}

</style>
</head>
    <title>Iniciar</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"><style type="text/css">
<!--
body,td,th {
    color: #0066CC;
}
.Estilo2 {
    color: #FFFF00;
    font-weight: bold;
}
-->
      </style></head>

Fíjate en la parte que te pongo en rojo:

- Cierras el </style> y el </head> ¡Correcto!
- Pones el <title> que debería ir en el <head> pero ya lo has cerrado ¡incorrecto!
- Añades un <meta> que debería ir en el <head> ¡incorrecto!
- Vuelves a añadir otro <style> que debería ir en el <head> ¡incorrecto!
- Vuelves a cerrar el </head> que ya lo habías cerrado ¡incorrecto!

Además de todo esto no has definido al principio de la página ningún DTD.

Saludos.

cerberus18 · #4 (**permalink**) 19/03/2009, 22:51

Excelente!! muchas gracias a los dos ya es un error q espero no cometer otra vez.
ya mismo me pondre a corregir bien mi codigo y de nuevo gracias por la atencion prestada.