Problemas con div

sirdaiz · #1 (**permalink**) 30/06/2011, 04:36

Hola, tengo lo siguiente:

index.php

Código HTML:

Ver original<body>
        
         <div class="round">
             <div class="round2">Por favor elija:<hr></div>
                <?php do_categorias(); ?>
        </div>
 
<div class="logarse">
             <div class="logarse2">¿Ya esta registrado?<hr></div>
             <FORM ACTION="../modelo/login.php" METHOD="POST"> 
                <table align="center">
                <tr>
                    <td><label for=Usuario>Usuario</label></td>
                    <td><input type="text" name="usuario"/></td>
                </tr>
                <tr>
                    <td><label for=Contrasena>Contraseña</label></td>
                    <td><input type="password" name="pass"/></td>
                </tr>
                <?php
                if (isset($_SESSION['errorLogado'])) { ?>
                <tr>
                     <td colspan="2">
                        <FONT FACE="arial" SIZE=1 COLOR=red><?php echo $_SESSION['errorLogado']; ?></FONT>
                     </td>
                </tr>
                <?php } ?>
                <tr>
                    <td colspan="2"><input type="submit" value="Logarse"/></td>
                </tr>
                <tr align="center">
                    <td colspan="2"><a href="../registro.php">Registrarse</a></td>
                </tr>
                     
                </table>
             </form>
            
        </div>
 
</body>

y su respectivo .css

Código CSS:

Ver originaldiv.round2{
   width:120px;
   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;  
}
 
div.round{
   position: fixed; 
   width:120px;
   height:auto;
   left: 100px;
   top: 100px;
   background:#E6E6FA;
   -webkit-border-radius: 9px;
   -moz-border-radius: 9px;
   border-radius: 9px;
}
 
div.round  a:link ,a:active ,a:hover ,a:visited{
    text-decoration: none; 
}
 
 
div.round a:link ,div.round a:visited,div.round a:active ,div.round a:hover{
     text-decoration: none;
     color: #000000;
}  
 
div.round table {
    
    margin-top:-10px;
    text-align:center;  
}
 
 
div.logarse2{
   width:250px;
   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;  
}
 
div.logarse{
   position: fixed; 
   width:250px;
   height:auto;
   left: 1000px;
   top: 30px;
   
   background:#E6E6FA;
   -webkit-border-radius: 9px;
   -moz-border-radius: 9px;
   border-radius: 9px;
}
 
body {
    
    font-family:arial,Times New Roman,Times, serif;
}
 
 
div.logarse table {
 
    margin-top:0px;
    text-align:center;  
}

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

whitefeathers · #2 (**permalink**) 30/06/2011, 04:57

No uses medidas en píxeles sino en em y no tendrás ese problema...

sirdaiz · #3 (**permalink**) 30/06/2011, 04:59

Cita:

Iniciado por whitefeathers

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

Eiwazh · #4 (**permalink**) 30/06/2011, 05:35

Cita:

Iniciado por sirdaiz

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.

sirdaiz · #5 (**permalink**) 30/06/2011, 05:49

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