se puede hacer un width: 100% (-) 160px

#1 (**permalink**) 16/04/2008, 13:29

hola queria saber si es posible darle el ancho a un div en porcentaje menos una medida en pixeles ya q tengo dos divs, uno para un menu y otro para el contenido y estoy optimizando en porcenteje para que la web pueda ser vista en 800 x 600 y necesito mantener el menu con 160px sin que el mismo se vaya abajo cuando cambio la resolucion.

saludos!

Mikmoro · #2 (**permalink**) 16/04/2008, 15:34

No, no se puede. Pero creo que lo que estás buscando es bastante más sencillo de lo que parece. Se crea un contenedor con ese 100%; dentro se pone el lateral que decías flotado a la izquierda (supongo que decías a la izquierda), y a continuación el resto del contenido, que ocupara el 100% de lo que le quede de espacio, es decir, el resto del contenedor.

Si no lo ves claro, pon tu código y miramos para ver cómo habría que hacerlo exactamente en tu caso.

Mikel.

#3 (**permalink**) 16/04/2008, 19:21

hola
gracias por la respuesta, la verda es que no termino de entender, porq eso es lo q creo estar haciendo, pero cuando le pongo 100% al div 1 este me deja abajo el menu.

aca te dejo el codigo...

Código PHP:

  #content  { 
    margin-left : auto; 
    margin-right: auto; 
    text-align: left; 
    width : 100%px; 
 
} 
 
#main { 
                padding: 0px; 
    float: right; 
    width: 84%; 
    overflow: hidden; 
         
} 
 
.main {  
        padding: 10px; 
        padding-top: 0px;        
} 
 
#menu { 
                padding: 0px; 
    float: left; 
    width: 120px; 
    overflow: hidden; 
         
} 
 
.menu {  
 
           background-color: #c1e65a;  
        heigth:100%;       
}

y la web

Código PHP:

   
<div id=content> 
 
<div id=main> 
<div class=main> 
</div> 
</div> 
 
<div id=menu> 
<div class=menu> 
</div> 
</div> 
 
</div>

Mikmoro · #4 (**permalink**) 17/04/2008, 01:30

Hola otra vez.
Te está saliendo mal porque tienes toda una serie de errores de sintaxis en el código (100%px, heigth en lugar de height, etcétera).

Para que veas cómo funciona, en lugar de detallar cada uno te pongo un pequeño ejemplo para que partas de ahí:

Cita:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="es-es">
<head>
<title>Cien por cien de alto</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
* {margin: 0px;
padding: 0px;
}
#content {
text-align: left;
height: 100%;
width: 100%;
}

#menu {
float: left;
width: 120px;
height: 100%;
background-color: #c1e65a;
}
#main {
padding-left: 10px;
background-color: #f30;
height: 100%;
}

</style>
</head>

<body>
<div id="content">

<div id="menu">
</div>

<div id="main">
</div>

</div>
</body>
</html>

Ya dirás si te sirve.

Mikel.

#5 (**permalink**) 17/04/2008, 05:30

hola graciaas por el codigo!
si me funciona, ahora lo tengo q adaptar..
saludos