Позиционирование изображения с CSS

Question

У меня есть три изображения внутри div, которые масштабируются в соответствии с размером окна. Div имеет ширину 60% и плавает влево

<div id="display">
<img src="assets/images/angle1.jpg" style="width:35%;height:35%;" />
<img src="assets/images/angle2.jpg" style="width:35%;height:35;" />
<img src="assets/images/angle3.jpg" style="width:60%;height:100%;" />
</div>

В основном я хочу сохранить эту масштабируемость с изображениями, расположенными так:

НАСТРОЙКА IMG http://brycekirk.ca/assets/images/setup.gif

Answer 1

Используйте вложенные DIV для объединения правых изображений:

<div id="display">
    <div id="column1" style="width:35%; float:left">
        <img src="assets/images/angle1.jpg" /><br/><img src="assets/images/angle2.jpg" />
    </div>
    <div id="column2" style="width:60%; float:left">
        <img src="assets/images/angle3.jpg" />
    </div>
</div>