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

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

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

Answer 2

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

http://cssdesk.com/EUYhZ

Answer 3

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

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

Вы можете увидеть его in action here.

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