Poner un div, encima de otro , dentro de otro div.

[Edig]

Hola a todos,

Bueno, lo que quiero hacer es muy complejo y no se si se pueda hacer. Realmente espero que si xD

Quiero poner una div, encima de otro y estos dos dentro de otro div.

Todo perfecto, solamente que los div tendran color como si fueran un contador de algo y mostraran el % de algo... el ultimo div [primero que se ve xD] tendra un color supongamos con un 40%, el 2do tendra un color mas clarito y tendra un 49% el 3ero tendra un borde y un 100%

esta asi

100{
49%{
40%
}
}

ok?

el problema es que sale asi:

1-.
el de 100 y luego los otros, uno despues del otro, en fila para abajo.

2-. el 49% lo toma del 100%. Pero el 40% lo toma del 49% y yo quiero que lo tome del 100%

Alguna idea?

Les dejo los codes :S

Código:

<div id="puntos">
      <div style="width:<? echo $row['salud2']; ?>%" id="puntos_2"></div>
      <div style="width:<? echo $row['salud']; ?>%" id="puntos_3"></div>
    </div>

Código CSS:

#puntos_3 {
    background-color: #30F;
    height: 15px;
    z-index: 300;
    position:relative;
}
#puntos_2 {
    background-color: #36F;
    height: 15px;
    z-index: 200;
    position: relative;
}
#puntos {
    margin: 5px;
    border: thin solid #000;
    height: 15px;
}
 

Gracias

[deirdre]

Hola Edig

Y si utilizas para dar transparencias a esos div background con png con las transparencias ajustadas a tus necesidades. Esto te evitaría muchos problemas de códigos.

Saludos

[Edig]

Pero seria el mismo porblema no?

en vez de background-color
seria background-image

:S
2-. el 49% lo toma del 100%. Pero el 40% lo toma del 49% y yo quiero que lo tome del 100%

Logica:

49% -> 100%
40% -> x

x = (40*100)/49
x = 81.63%

81.63% de 49% = 40% de 100%

Espero que entiendan xD

Saludos


PD. Ya lo resolvi. Un regla de tres simpre

[deirdre]

Ah! ya... estábamos hablando de aritmética y no de reglas css. Es que no te había entendido.

Si lo tienes resuelto, OK (de eso se trata)

Bye

[Edig]

Pues lo pude resolver con matematicas, y funciono solo por que tenia todo en variables, si no pues hubiese sido complicado o chance y ni se podria...

Y pues si no se puede en css recurro a las matematicas jajaja xD