Tengo un pequeño problema con los porcentajes. Quizas alguno de vosotros me pueda ayudar.
Tengo 2 div ( "b" y "c") dentro de otro ("a")
El problema me surge cuando hago mas pequeño el explorador. El div "c" se hace mas pequeño de ancho pero se me baja por debajo del div "b" ( este siempre mantiene el mismo tamaño siempre )
Os dejo una imagen que lo explica mejor, el html y el css.
Quiero que quede como el que esta redondeado de verde
html
-------------------------------------------------
<div id="a">
<div class="b"></div>
<div class="c"></div>
</div>
css
-------------------------------------------------
#a { position:relative; margin: 0 auto; width:100%; max-width:700px; height:200px; background-color:#ddd}
.b { float:left; width:60px; height:60px; margin:10px 0 0 10px; background-color:blue}
.c { float:right; width:90%; max-width:610px; height:60px; margin:10px 10px 0 0; background-color:red}
Saludos y gracias
