Hello.

There is a layout, block with width: 100%. Inside it is 2 blocks, the width of the first is built on the basis of the image that lies inside it, the width of the second = 200px. This image is also rubber; it can be very large and shrink, or it can be small and not resized at all.

In this case, it is necessary to make the second block pressed against the first one (they follow each other).

The bottom line is that I achieved this, but the task was complicated by another point; if I add another block to the first block after the image, then the porridge begins and everything breaks down, an example in the link .

Now if you remove the second block in #left, everything will be fine.

I ask for help, I do not know what to do anymore.

    1 answer 1

    You can try this:

    http://jsfiddle.net/Ua58S/3/

    In short:

    Add

    #right { ... margin-left:-100px; // ширина блока * -1 } #left { ... float:left; }
    • Super class, thank you so much for the tip. Very grateful - Vladimir Fedulkin