абсолютно позиционируемого изображение ДИВА перетекания содержания его левые

Question

Вот скрипка: http://jsfiddle.net/uyU5L/3/

У меня есть контейнер (оригинальный размер 940px) ДИВ, который содержится внутри тела.

<div class="wrapper"> 
<div class="container"> 

    <div class="div-content"> 
    </div> 

</div> 
<div class="image-content"> 
      <img src=""/> 
    </div> 
</div> 

Моя проблема в том, что мне нужно, чтобы изображение div содержалось в стороне от окна. Устанавливайте абсолютное право на тело.

Когда вы измените размер, вы увидите изображение, просматривающее содержимое. Я хочу, чтобы изображение учитывало этот контент div и выталкивал текст влево, а не просматривал его. Неужели я ошибаюсь?

Answer 1

Вы можете использовать CSS медиа-запрос:

@media screen and (max-width: 560px) { 
    .container { 
     margin: 0 100px 0 auto; 
    } 
} 

Fiddle: http://jsfiddle.net/yKQFG/

Answer 2

1. Используйте два дивы один (назовем "контент-обертка") для хранения содержимого и другого (изображение-обертку) для проведения DIV изображения
2. для первых пут поплавка: слева, для второго поплавка: правый
3. дать надлежащую ширину в обоих
4. ур сделать

Answer 3

Попробуйте это: http://jsfiddle.net/myajouri/uyU5L/5/

.container { 
    max-width: 340px; 
    margin: 0 auto; 
    position: relative; 
    padding: 0 100px; 
} 
.div-content { 
    padding: 40px 15px; 
    background: #ccc; 
} 
.image-content { 
    position: absolute; 
    right: 0; 
    top: 0; 
    width: 100px; 
} 
.image-content img { 
    width: 100px; 
    height: 100%; 
}