Здравствуйте. Не могу правильно интегрировать div в тело.
Смотрите, есть:
<style class="cp-pen-styles" type="text/css">
html,
body {
overflow: hidden;
}
body {
margin: 0;
position: absolute;
width: 100%;
height: 100%;
}
canvas {
width: 100%;
height: 100%;
}
#container {
height: 100%;
width: 100%;
margin: 0 auto;
text-align: center;
}
#txtlzr {
font-size: 40px;
width: 700px;
margin: 0 auto;
height: 700px;
font-size: 40px;
white-space: pre-wrap;
color: rgba(102, 102, 102, 1);
}
body {
background-color: #1D1D1D;
}
</style>
Далее:
<body>
<canvas width="847" height="531">
</canvas>
<script src="/Ingredients/js/stopExecutionOnTimeout.js"></script>
<script>....Тут тело самого скрипта...</body>
Далее между </body> и </html> находится второй скрипт:
<script type="text/javascript">
$(function() {
var list = ['"Всякий путь, если только он ведет к нашим мечтам, есть путь магический." \n(Пауло Коэльо. Дневник мага)', '"Настоящая магия творится у людей в головах."\n(Терри Пратчетт)'
];
var txt = $('#txtlzr');
txt.textualizer(list, {
centered: true
});
txt.textualizer('start');
})
</script>
Как мы можем видеть второй скрипт выводится в <div id="txtlzr">
</div>
Но вот куда мне вставит тут сам див? Если же я попробую подставить див сразу после <body>, то второй скрипт начинает отображаться, но при этом перекрывает 1 скрипт. Если же я попытаюсь вставить после <canvas width="847" height="531">, То работает только 1 скрипт, второй не отображается :-) Куда мне вставить :
<div id="container">
<div id="txtlzr">
</div>
</div>
У меня есть подозрения, что я намудрил именно со стилями.
