Foros del Web » Creando para Internet » CSS »

Problemas con div

Estas en el tema de Problemas con div en el foro de CSS en Foros del Web. Hola, tengo lo siguiente: index.php @import url("http://static.forosdelweb.com/clientscript/vbulletin_css/geshi.css"); Código HTML: Ver original < body >                   < div ...
  #1 (permalink)  
Antiguo 30/06/2011, 05:36
 
Fecha de Ingreso: diciembre-2010
Mensajes: 459
Antigüedad: 7 años
Puntos: 21
Problemas con div

Hola, tengo lo siguiente:

index.php

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

No uses medidas en píxeles sino en em y no tendrás ese problema...
__________________
– You're on your own again.
  #3 (permalink)  
Antiguo 30/06/2011, 05:59
 
Fecha de Ingreso: diciembre-2010
Mensajes: 459
Antigüedad: 7 años
Puntos: 21
Respuesta: Problemas con div

Cita:
Iniciado por whitefeathers Ver Mensaje
No uses medidas en píxeles sino en em y no tendrás ese problema...
em? te refieres a %? puede ponerme un pequeño ejemplo?

Gracias

Saludos
  #4 (permalink)  
Antiguo 30/06/2011, 06:35
Avatar de Eiwazh  
Fecha de Ingreso: mayo-2005
Mensajes: 26
Antigüedad: 12 años, 7 meses
Puntos: 1
Respuesta: Problemas con div

Cita:
Iniciado por sirdaiz Ver Mensaje
em? te refieres a %? puede ponerme un pequeño ejemplo?

Gracias

Saludos

Código:
div.round2{
   width:120px; //width: 12%; o width: 80em;
   height:auto;
   background:#E0E0E0;
   border-radius: 9px;
   -moz-border-radius-topleft:9px;
   -webkit-border-top-left-radius:9px;
   -moz-border-radius-topright:9px;
   -webkit-border-top-right-radius:9px;
   text-align:center;  
}

Si pones medidas en pixeles se mantienen con cualquier resolución.
  #5 (permalink)  
Antiguo 30/06/2011, 06:49
 
Fecha de Ingreso: diciembre-2010
Mensajes: 459
Antigüedad: 7 años
Puntos: 21
Respuesta: Problemas con div

Ok bien mejor lo de em que el % me estaba dando problemas, pero en mi pagina html no me sale la barra para desplegar la pagina hacia abajo, porque peude ser?

Saludos

Etiquetas: Ninguno
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 15:48.