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.