[SOLUCIONADO] pixeles y porcentajes en divs

[rascabuchitos]

hola amigos
tengo un contenedor en px y dos divs en %
estoy viendo la forma de hacer que el contenedor tambien sea % pero no logro conseguirlo, agradeceria mucho su orientacion para lograrlo, gracias

Código CSS:

#contenedor{
width:1000px;
height:581px;
    margin:0 auto;
    padding:5px;
    text-align:left;
    border:1px solid #FF0000;
    }
 
.box{
width:100%;
height:200px;
background:#999;
float:left;
border:1px solid #444;
}
 
.box2{
width:100%;
height:200px;
background:#999;
clear:left;
float:left;
border:1px solid #444;
}
 

[pzin]

Pues cambia el valor de width a un valor porcentual ¿no?

Para .box y .box2 no tiene demasiado sentido flotar, limpiar y que ocupe el 100%. Te puedes ahorrar esos tres atributos porque juntos de esa forma, es como sino los tuviesen.

[rascabuchitos]

he probado con el valor porcentual pero
como lo centro en la pagina...
no me funciona el margin...
el 100% que uso en los box son porque quiero que ocupen todo el ancho del contenedor

[pzin]

Iniciado por rascabuchitos

he probado con el valor porcentual pero
como lo centro en la pagina...
no me funciona el margin...

Pues con márgenes laterales automáticos, tal cual lo tienes. Por eso digo que sólo tendrías que cambiar 1000px por, por ejemplo, 80%:

Código CSS:

width: 80%;
margin: 0 auto; /*esto ya lo tienes*/
 

Iniciado por rascabuchitos

el 100% que uso en los box son porque quiero que ocupen todo el ancho del contenedor

Por eso digo. Si quieres que ocupen el 100% no tienes necesidad alguna de flotar los elementos. Incluso, si .box y .box2 son elementos div, o cualquier otro elemento estructural, ocupará por defecto el 100% del ancho de su contenedor.

[rascabuchitos]

chispas... pensaba que en vez de ponerle 80% al contenedor
le tenia que poner 100% y despues trabajar con padding o margin para centrarlo...

[pzin]

Vamos a ver... Si algo está al 100% no hay que centrarlo. No queda espacio para centrar nada.