Tema: Problemas con div
Ver Mensaje Individual
  #1 (permalink)  
Antiguo 30/06/2011, 04:36
sirdaiz
 
Fecha de Ingreso: diciembre-2010
Mensajes: 459
Antigüedad: 13 años, 11 meses
Puntos: 21
Problemas con div
Hola, tengo lo siguiente:

index.php

Código HTML: 
Ver original
  1. <body>
  2.         
  3.          <div class="round">
  4.              <div class="round2">Por favor elija:<hr></div>
  5.                 <?php do_categorias(); ?>
  6.         </div>
  7.  
  8. <div class="logarse">
  9.              <div class="logarse2">¿Ya esta registrado?<hr></div>
  10.              <FORM ACTION="../modelo/login.php" METHOD="POST"> 
  11.                 <table align="center">
  12.                 <tr>
  13.                     <td><label for=Usuario>Usuario</label></td>
  14.                     <td><input type="text" name="usuario"/></td>
  15.                 </tr>
  16.                 <tr>
  17.                     <td><label for=Contrasena>Contraseña</label></td>
  18.                     <td><input type="password" name="pass"/></td>
  19.                 </tr>
  20.                 <?php
  21.                 if (isset($_SESSION['errorLogado'])) { ?>
  22.                 <tr>
  23.                      <td colspan="2">
  24.                         <FONT FACE="arial" SIZE=1 COLOR=red><?php echo $_SESSION['errorLogado']; ?></FONT>
  25.                      </td>
  26.                 </tr>
  27.                 <?php } ?>
  28.                 <tr>
  29.                     <td colspan="2"><input type="submit" value="Logarse"/></td>
  30.                 </tr>
  31.                 <tr align="center">
  32.                     <td colspan="2"><a href="../registro.php">Registrarse</a></td>
  33.                 </tr>
  34.                      
  35.                 </table>
  36.              </form>
  37.             
  38.         </div>
  39.  
  40. </body>

y su respectivo .css

Código CSS: 
Ver original
  1. div.round2{
  2.    width:120px;
  3.    height:auto;
  4.    background:#E0E0E0;
  5.    border-radius: 9px;
  6.    -moz-border-radius-topleft:9px;
  7.    -webkit-border-top-left-radius:9px;
  8.    -moz-border-radius-topright:9px;
  9.    -webkit-border-top-right-radius:9px;
  10.    text-align:center;  
  11. }
  12.  
  13. div.round{
  14.    position: fixed; 
  15.    width:120px;
  16.    height:auto;
  17.    left: 100px;
  18.    top: 100px;
  19.    background:#E6E6FA;
  20.    -webkit-border-radius: 9px;
  21.    -moz-border-radius: 9px;
  22.    border-radius: 9px;
  23. }
  24.  
  25. div.round  a:link ,a:active ,a:hover ,a:visited{
  26.     text-decoration: none; 
  27. }
  28.  
  29.  
  30. div.round a:link ,div.round a:visited,div.round a:active ,div.round a:hover{
  31.      text-decoration: none;
  32.      color: #000000;
  33. }  
  34.  
  35. div.round table {
  36.     
  37.     margin-top:-10px;
  38.     text-align:center;  
  39. }
  40.  
  41.  
  42. div.logarse2{
  43.    width:250px;
  44.    height:auto;
  45.    background:#E0E0E0;
  46.    border-radius: 9px;
  47.    -moz-border-radius-topleft:9px;
  48.    -webkit-border-top-left-radius:9px;
  49.    -moz-border-radius-topright:9px;
  50.    -webkit-border-top-right-radius:9px;
  51.    text-align:center;  
  52. }
  53.  
  54. div.logarse{
  55.    position: fixed; 
  56.    width:250px;
  57.    height:auto;
  58.    left: 1000px;
  59.    top: 30px;
  60.    
  61.    background:#E6E6FA;
  62.    -webkit-border-radius: 9px;
  63.    -moz-border-radius: 9px;
  64.    border-radius: 9px;
  65. }
  66.  
  67. body {
  68.     
  69.     font-family:arial,Times New Roman,Times, serif;
  70. }
  71.  
  72.  
  73. div.logarse table {
  74.  
  75.     margin-top:0px;
  76.     text-align:center;  
  77. }

Pero en una pantalla de 15 pulgadas me sale diferente a 17 pugadas, si miniminizo no me sale una barrita para desplegar la pagina web

Como podria solucionarlo? Me gustaria que se viera igual la web en una pagina maximizada que en una pantalla de 15 o 17 pulgadas

Alguna ayuda?

Saludos