Foros del Web » Creando para Internet » CSS »

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

Estas en el tema de se puede hacer un width: 100% (-) 160px en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 16/04/2008, 14:29
Avatar de p2pdownloading  
Fecha de Ingreso: noviembre-2007
Ubicación: La Plata, Argentina
Mensajes: 784
Antigüedad: 10 años
Puntos: 3
se puede hacer un width: 100% (-) 160px

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!
__________________
PROGRAMAS P2P
Moviles
  #2 (permalink)  
Antiguo 16/04/2008, 16:34
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Re: se puede hacer un width: 100% (-) 160px

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)  
Antiguo 16/04/2008, 20:21
Avatar de p2pdownloading  
Fecha de Ingreso: noviembre-2007
Ubicación: La Plata, Argentina
Mensajes: 784
Antigüedad: 10 años
Puntos: 3
Re: se puede hacer un width: 100% (-) 160px

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-rightauto;
    
text-alignleft;
    
width 100%px;

}

#main {
                
padding0px;
    
floatright;
    
width84%;
    
overflowhidden;
        
}

.
main 
        
padding10px;
        
padding-top0px;       
}

#menu {
                
padding0px;
    
floatleft;
    
width120px;
    
overflowhidden;
        
}

.
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
__________________
PROGRAMAS P2P
Moviles
  #4 (permalink)  
Antiguo 17/04/2008, 02:30
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Re: se puede hacer un width: 100% (-) 160px

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)  
Antiguo 17/04/2008, 06:30
Avatar de p2pdownloading  
Fecha de Ingreso: noviembre-2007
Ubicación: La Plata, Argentina
Mensajes: 784
Antigüedad: 10 años
Puntos: 3
Re: se puede hacer un width: 100% (-) 160px

hola graciaas por el codigo!
si me funciona, ahora lo tengo q adaptar..
saludos
__________________
PROGRAMAS P2P
Moviles
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 08:43.