Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
PHP Puzzles. Авторы: Кузнецов М.В., Симдянов И.В. PHP 5. На примерах. Авторы: Кузнецов М.В., Симдянов И.В., Голышев С.В. MySQL на примерах. Авторы: Кузнецов М.В., Симдянов И.В. PHP 5/6. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. Самоучитель MySQL 5. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: Разрешение с помощбю JS
 
 автор: serg_b   (09.09.2013 в 16:30)   письмо автору
 
 

Нужно сделать чтобы блок с контентом растягивался на 100%, а если разрешение у пользователя больше 1400px, то чтобы он оставался 1400px и выравнивался по центру.
Написал код, но он почему то не работает, укажите, пожалуйста на ошибку

<html>
<head>
    <script type="text/javascript">
        resolution = screen.availWidth;
        if(resolution >= 1400)
        {
            document.getElementById('content').style.width = '1400px';
            document.getElementById('content').style.margin = '0 auto';
        }
    </script>
</head>

<body>
    <div id="content" style="background:green;">
    какойто текст
    </div>

</body>
</html>

  Ответить  
 
 автор: яса1   (09.09.2013 в 20:56)   письмо автору
 
   для: serg_b   (09.09.2013 в 16:30)
 

когда браузер пытается выполнить строку document.getElementById('content').style.width = '1400px';
он ещё не знает о существовании <div id="content" style="background:green;">
и пишет в "Консоли ошибок" текст "Объект content не найден"

лечение:
-- либо ваш блок <script></script> размещаете после <div id="content" style="background:green;">...</div>
-- либо оформляете ваш код как функцию, коя запускается по onload окна

  Ответить  
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования