+ Ответить в теме
Показано с 1 по 2 из 2

Тема: Не отображается div

  1. #1
    Новичок cadabra на пути к лучшему Аватар для cadabra
    Регистрация
    26.12.2018
    Адрес
    London
    Сообщений
    4
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Сообщение Не отображается div

    Здравствуйте. Не могу правильно интегрировать 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>

    У меня есть подозрения, что я намудрил именно со стилями.

  2. #2
    Новичок cadabra на пути к лучшему Аватар для cadabra
    Регистрация
    26.12.2018
    Адрес
    London
    Сообщений
    4
    Thanks
    1
    Thanked 0 Times in 0 Posts
    Разобрался.
    Что бы решить проблему, надо поместить:
    <div id="container">
    <div id="txtlzr">
    </div>
    </div>

    после:
     <body>
    <canvas width="847" height="531">
    </canvas>


    А в стилях, добавить:
    position: absolute;

    воот сюда:
      canvas {
    position: absolute;
    width: 100%;
    height: 100%;
    }


    Всем спасибо за внимание.

+ Ответить в теме

Похожие темы

  1. Ответов: 17
    Последнее сообщение: 16.09.2011, 22:33
  2. Не отображается FLV в FF
    от ww220ww в разделе HTML
    Ответов: 0
    Последнее сообщение: 05.07.2011, 12:55
  3. Не отображается код в ИЕ
    от Ольга в разделе PHP
    Ответов: 11
    Последнее сообщение: 03.10.2010, 12:08
  4. Не отображается фон div
    от inkat в разделе CSS
    Ответов: 5
    Последнее сообщение: 15.08.2009, 19:20
  5. не отображается в ИЕ
    от mufflegulf в разделе HTML
    Ответов: 2
    Последнее сообщение: 06.06.2008, 10:38

Социальные закладки

Социальные закладки

Ваши права

  • Вы не можете создавать новые темы
  • Вы не можете отвечать в темах
  • Вы не можете прикреплять вложения
  • Вы не можете редактировать свои сообщения