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