It is necessary inside the diva to put a static div with a width of 200px and a dynamic width of 60% of the remaining space + 40% div at the end. Picture:

alt text

How to do:

tried so:

div 1 - width:100%; height:100%; div 2 - width:200px; div 3 - width:60%; див 4 (пустота) - 40%

But blocks create a page greater than 100%. Where does the extra interest come from? How will be more correct?

  • habrahabr.ru/sandbox/71512 - smackmychi
  • Well, what do you want? Imagine that div1 is 1000px wide, then div3, according to the given conditions will be 600px (or 60%), and div4 - 400px (or 40%). Ie div3 together with div4 possess 100% of the parent block, from div1, and to them div2 is added, which is fixed at 200px. A total of div3 + div2 + div4 = 1200px is obtained. If div1 is set to overflow hidden, then the right of the blocks is cut off. - moron

1 answer 1

http://jsfiddle.net/tLuhx0tk/ here’s an example, one of the options for placing such blocks