How to make rezinovy block with a picture of the compressed neighboring block?

0 like 0 dislike
44 views
Good day to all!

The challenge is to make the information block so that the block on the right was a fixed width, and if the permission does not allow it to fit, it must decrease proportionally the block with the picture on the left, the container for these blocks should decrease in height along with reducing the height of a block with a picture...

Here is the code - https://jsfiddle.net/0bL08r2d/

This way and that twisted, are unable to achieve this. the block on the right is pressed down.
The left block starts to decrease only when it does not fit in the screen...

Thanks in advance!
by | 44 views

3 Answers

0 like 0 dislike
Good day.)

Flex box features.
https://jsfiddle.net/bugo_aneo/5psLzp5p/

Don't want Proxy - asking good old float. Finished with a file.))) If there is writing will help.)
https://jsfiddle.net/bugo_aneo/dh6tdmL3/

V 2 - Fiddle Despise with all my heart... Nicherta it is not clear.

In the second case working hack with calc()

Nicholas - bow at the waist. My apologies for the confusion.
by
0 like 0 dislike
I feel like a dinosaur.
About flexbox heard a year ago, with comments that while it is not all supported, not began to experiment.

By the way the link under the float elements just flexbox, and the link under flexbox code without edits :)
Here only doubts I have about the float, in the same units neponyatki with the definition of height nachinautsa, respectively, the parent will not play as needed...
At least so I was, and it was originally done in float, then converted to inline-block
by
0 like 0 dislike
by

Related questions

0 like 0 dislike
2 answers
0 like 0 dislike
3 answers
0 like 0 dislike
1 answer
0 like 0 dislike
1 answer
110,608 questions
257,186 answers
0 comments
33,571 users