Div на левой стороне изображения

Question

У меня есть div с несколькими другими div внутри.

Я бы хотел разместить изображение справа от этого div.

Я пробовал все типы float:left; clear:both; .... но не работает.

Здесь Вы можете увидеть полный код страницы.

Div, отмеченный синим цветом, будет слева, img, отмеченный красным, должен быть справа от синего div.

P.S. Изображение недоступно, поэтому будет отображаться альтернативный текст, но это не должно быть важным.

Answer 1

Поплавок #waycontact влево:

div#waycontact {
    width:300px;
    margin:20px 40px;
    float: left;
}

Затем всплывают #logo влево и дают ему margin-top, чтобы соответствовать #waycontact:

img#logo {
    float: left;
    margin-top: 20px;
}

Затем добавьте очистку <div> сразу после #logo, чтобы очистить поплавки:

<div style="clear: both;"></div>

http://jsfiddle.net/ambiguous/CdqJk/1/

(оригинальная обратная версия ниже)

Сначала переместите #id над #waycontact в HTML. Тогда:

img#logo {
    float: left;
    margin-top: 20px; /* to match #waycontact[margin-top] */
}
div#waycontact {
    width:300px;
    margin:20px 40px 20px 100px;
}

margin-left:100px на #waycontact - это место, достаточное для #logo, реальное значение поля будет зависеть от того, насколько велико изображение логотипа на самом деле.

http://jsfiddle.net/ambiguous/CdqJk/

Answer 2

float #waycontact left.а затем убедитесь, что #content очищает

пример

Answer 3

Вам нужно добавить float:left; к div#waycontact, чтобы оно могло быть в потоке структуры.

См. Обновленный обновленный пример здесь