I have 3 div-s inside a div, I want to put a picture in red area which have a 500px
height, I want to fix red height area to 500px
and want to stretch other div-s to fill the pages, I don't know hot fit that, also tests put 50%
to each blue div-s but don't worked.
<html>
<head></head>
<body>
<div>
<div style="background-color: blue; height:100%"></div>
<div style="background-color: red;height:760px"></div>
<div style="background-color: blue;height:100%"></div>
</div>
</body>
</html>