[SOLUCIONADO] porcentajes en div internas

[rascabuchitos]

hola amigos
tengo un div con width:100%; (mide en total 600 px)
y dentro de ellas 3 div con imagenes
mi consulta es:
que necesito hacer para que mis div internos que suman 250px lleguen a cubrir los 600px sin alterar el div principal que tiene que mantener su 100%?

gracias

[pzin]

Pues que midan 33,33333333%, ¿no? Es que como es matemática básica me parece demasiado simple la respuesta.

[rascabuchitos]

hola pzin
seria genial el 33.3% si fuese texto
pero este tiene imagenes de 80, 70 y 100
ahi viene mi problema
porque quedan los espacios en blanco

gracias

[pzin]

Imágenes, texto o cualquier otra cosa, puedes indicar que su tamaño sea ese.

Pones que tus div's midan 33,3% y que las imágenes ocupen el 100% de su ancho —que es relativo al div.

Código CSS:

div {
  width: 33.33333%
}
 
div img {
  width: 100%;
}
 

[rascabuchitos]

buen punto pzin

mira
yo tengo esto en el html

Código HTML:

<div id ="caja">
            <div id="caja1"><img src="imagen/1.jpg" /></div>
            <div id="caja2"><img src="imagen/2.jpg" /></div>
            <div id="caja3"><img src="imagen/3.jpg" /></div>
            </div>
 

y esto en css

Código CSS:

#caja{
        width:100%;
        height:36px;
        float:left;
        margin-bottom:15px;
}
 
#caja1{
        width:16.66%;
        height:36px;
        background:#999;
        float:left;
}
#caja2{
        width:16.66%;
        height:36px;
        background:#999;
        float:left;
}
#caja3{
        width:16.66%;
        height:36px;
        background:#999;
        float:left;
}
 

estuve viendo usarlo asi
debajo de cada uno... en este caso debajo de caja2
#caja2 img {
width: 100%;
}
y funciono perfecto... muchas gracias...¡¡¡