Я пытаюсь отображать блоки коэффициентов 70/30 на div, но по какой-то причине они не вступают в строй.
Я даже использовал float:left
налево div, но затем правый div выходит из границы HomeClass.
Код слишком много, чтобы вставить сюда, поэтому создал скрипку
Смотрите эту обновленную скрипту: http://jsfiddle.net/abhitalks/gdWM5/13/
Вам просто нужно указать float:left
и слева, и справа div. Добавьте фиктивный div в контейнер и clear:both
на нем очистить поплавки (важно).
Разметка:
<div id="Home" class="HomeClass">
<div id="Left" class="Width70">
<!-- contents of left div -->
</div>
<div id="Right" class="Width30">
<!-- contents of right div -->
</div>
<div class="clear"></div>
</div>
CSS:
.Width70 {
float:left;
...
}
.Width30 {
float:left;
...
}
.clear { clear: both; }
Надеюсь, это поможет.
У вас есть дополнение, которое не учитывается в вашей ширине. Я бы посоветовал изменить вашу ширину до 69% и 29% соответственно и изменить отступ на 1%.
-Редактировать-
Также добавьте float:left;
к вашим классам width70 и width30
Я не вижу в вашем примере, где вы применили float:left
но он должен быть применен к "правильному" объекту, который будет перемещаться влево