Tema: div que se ubique al final
Ver Mensaje Individual
  #6 (permalink)  
Antiguo 13/02/2011, 12:38
Avatar de sanxuan
sanxuan
 
Fecha de Ingreso: enero-2011
Ubicación: Gijón
Mensajes: 671
Antigüedad: 14 años, 1 mes
Puntos: 36
Respuesta: div que se ubique al final
Comprueba si te puede servir algo así.
No estoy seguro de que sea lo que estabas buscando.

Código HTML: 
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <title>Admin. Jcweb </title>
  5. <style type="text/css">
  6. html{
  7.     height:100%
  8. }
  9. body{
  10.     background:black;
  11.     font-family:martina;
  12.     color:white;
  13.     font-size:20px;
  14.     height:100%;
  15.     margin:0;
  16. }
  17. #contenedor{
  18.    height:100%;
  19.    background: #456;
  20.    min-height: 340px; /* alto mínimo para que el pie no suba por encima del formulario */
  21. }
  22. #formulario{
  23.    position:relative;
  24.    width:500px;
  25.    top:40px;
  26.    border:1px solid #fff;
  27.    -moz-border-radius: 29px;
  28.    margin: 0 auto 82px; /* la altura del pie + 40px de la propiedad top */
  29.    text-align:center;
  30. }
  31. #footer1 {
  32.     background-image: url('css/photo/footer1.jpg');
  33.     background-color: #345;
  34.     width: 980px;
  35.     height: 42px;
  36.     font-weight: bold;
  37.     font-size: medium;
  38.     -moz-border-radius: 20px 20px 0 0;
  39.     bottom:0px;
  40.     margin:-42px auto 0;
  41. }
  42. #tabla{
  43.     margin:0 auto;
  44.     width: 360px;
  45.     border: 0;
  46. }
  47. </style>
  48. </head>
  49. <body>
  50. <div id="contenedor">
  51. <div id="formulario">
  52. <form action="#" method="POST">
  53. <table id="tabla">
  54.   <tr>
  55.     <td width="350" height="96" colspan="2"><img src="/jcweb/css/photo/admin.jpg" width="350" height="110" alt="admin" /></td>
  56.   </tr>
  57.   <tr>
  58.     <td height="20" width="70">Usuario:</td>
  59.     <td><input type="text" name="usuario"></td>
  60.   </tr>
  61.   <tr>
  62.     <td height="20">Contraseña:</td>
  63.     <td><input type="text" name="contrasena"></td>
  64.   </tr>
  65.   <tr>
  66.     <td height="81"><input type="submit" value="Enviar"></td>
  67.     <td><input type="reset" value="Borrar"></td>
  68.   </tr>
  69. </table>
  70. </form>
  71. </div>
  72. </div>
  73. <div id="footer1">
  74. </div>  
  75. </body>
  76. </html>