Div отображается в неправильном месте

Question

У меня есть два вложенных элемента div.Один из вложенных элементов div содержит граф javascript.

Когда страница отображается, граф javascript находится в неверном месте за пределами области.Кто-нибудь знает, что я делаю не так?

Вот css:

#graph_container{
  width: 75%;   
  margin: 0 auto;
  background-color: #FFF;
  padding: 20px 40px;
  border: solid 1px black;
  margin-top: 20px; 
}

#graph{
  width: 75%;
  margin-top: 20px;
}

#car_select{
  width: 25%;   
  margin: 0;
  background-color: #FFF;
}

И файл Rails.ERB

<div id="graph_container">
  <div id="car_select"> 
  # this part is at the correct location...     
  </div>

  <div id = "graph">
  # this is showing up outside of graph_container
    <script type="text/javascript" language="javascript"> 
    //<![CDATA[
    var chart = new AnyChart('/AnyChart.swf'); 
    chart.width = 500; 
    chart.height = 500; 
    chart.setXMLFile('car_info.xml'); 
    chart.write(); 
    //]]> 
    </script> 
  </div>
</div>

Answer 1

Вы можете получить <div> s в нужном месте с 2 исправлениями:

1. Перемести их влево и вправо соответственно.
2. Добавьте очищающий элемент под ними, чтобы они оставались внутри # graph_container.

Вы можете увидеть это в действии здесь .

Если это не сработает, возможно, ваш Javascript устанавливает положение на графике, которое он создает, как абсолютное. В этом случае добавьте position: relative; в ваш контейнер #graph. Это приведет к тому, что любые абсолютно позиционированные дочерние элементы (то есть график) будут использовать его, а не документ, в качестве своей системы координат.

Answer 2

Предложения Пэт и Дэнни были верны и важны для вывода.Но ни одна из них не устранила мою проблему, на самом деле проблема заключалась в коде Javascript.Я не указывал, где код должен быть вставлен.

Простое размещение в элементе, который я хотел, НЕ РАБОТАЕТ.В моем случае мне нужно было заполнить chart.write () с помощью chart.write ('graph'), чтобы скрипт вставил себя в часть html.

Answer 3

Вы пытались сделать позиционирование абсолютным?

http://cssdesk.com/EUYhZ