Дата  Запланированые курсы
24.09 Maya (профессиональный курс)
24.09 MOC-20741B. Сетевая инфраструктура на основе Windows Server 2016
24.09 DEV-J30. Программирование на платформе Java. Разработка многоуровневых приложений
25.09 DEV-PY100. Основы процедурного программирования на языке Python
25.09 DEV-PY-MP. Модульная программа "Разработчик прикладного программного обеспечения (Язык Python)"
01.10 Компьютерное проектирование в системе AutoCAD (профессиональный курс)
01.10 Профессиональная верстка сайтов. HTML5 и CSS3
01.10 Компьютерное проектирование в системе AutoCAD (базовый курс)
01.10 MOC-20762. Разработка баз данных SQL
01.10 DEV-С-CP+. Расширенная комплексная программа «Разработчик прикладного программного обеспечения (Языки С и C++)»
01.10 DEV-C10. Процедурное программирование. Языки С/C++
01.10 Основы алгоритмизации и программирования (Группа I)
01.10 Основы алгоритмизации и программирования (Группа II)
02.10 DEV-J-MP+. Расширенная комплексная программа "Разработчик прикладного программного обеспечения (Язык Java)"
02.10 DEV-J10. Программирование на платформе Java. Введение в язык Java
02.10 DEV-J-MP+. Расширенная комплексная программа "Разработчик прикладного программного обеспечения (Язык Java)"
02.10 DEV-J10. Программирование на платформе Java. Введение в язык Java
08.10 MOC-20764. Администрирование инфраструктуры баз данных SQL
08.10 MOC-20742B. Инфраструктура идентификации на основе Windows Server 2016
08.10 DEV-J60. Технологии разработки корпоративных приложений на платформе Java Enterprise Edition (Java EE)
08.10 Введение в тестирование программного обеспечения
15.10 DEV-OCPJP. Подготовка к сдаче сертификационных экзаменов серии Oracle Certified Professional Java Programmer
15.10 Компьютерное проектирование в системе AutoCAD (профессиональный курс)
15.10 Трёхмерное моделирование. 3ds Max
15.10 Работа в MS Excel. Базовый уровень
16.10 DEV-PY101. Базовые алгоритмы и структуры данных на языке Python
17.10 Инструменты бизнес-анализа Microsoft Excel: PowerPivot, PowerView
22.10 MOC-10987. Настройка производительности и оптимизация баз данных SQL
22.10 Введение в тестирование программного обеспечения
22.10 MOC-20744A. Безопасность инфраструктуры средствами Windows Server 2016
22.10 Средства векторной графики. Adobe Illustrator
22.10 Основы создания веб-сайтов. Adobe Dreamweaver
22.10 Работа в MS Excel. Расширенные возможности
24.10 NET-DLINKSW-LAB. Технологии коммутации современных сетей Ethernet. Лабораторный практикум
25.10 DEV-J20. Программирование на платформе Java. Стандартные пакеты
25.10 DEV-J20. Программирование на платформе Java. Стандартные пакеты
29.10 MOC-10961B. Автоматизация администрирования с Windows PowerShell
29.10 Автоматизация работы в Excel 2010 с использованием макросов VBA
07.11 DEV-C20. Объектно-ориентированное программирование. Базовый уровень. Язык С++
12.11 Компьютерное проектирование в системе AutoCAD (базовый курс)
12.11 Профессиональная верстка сайтов. HTML5 и CSS3
13.11 DEV-PY110. Процедурное программирование на языке Python (расширенный курс)
19.11 DEV-J30. Программирование на платформе Java. Разработка многоуровневых приложений
19.11 DEV-J30. Программирование на платформе Java. Разработка многоуровневых приложений
26.11 Средства растровой графики. Adobe Photoshop
26.11 Поисковая оптимизация (SEO)
03.12 Компьютерное проектирование в системе AutoCAD (базовый курс)
03.12 DEV-C21. Объектно-ориентированное программирование. Углубленное изучение. Язык С++
07.12 DEV-PY200. Объектно-ориентированное программирование на языке Python
10.12 Основы создания веб-сайтов. Adobe Dreamweaver
10.12 Средства векторной графики. Adobe Illustrator
10.12 Поисковая оптимизация (SEO) для профессионалов
17.12 Компьютерное проектирование в системе AutoCAD (профессиональный курс)
09.01 DEV-C22. Стандарт С++11, С++14, С++17 для прикладного программирования
14.01 DEV-OCPJP. Подготовка к сдаче сертификационных экзаменов серии Oracle Certified Professional Java Programmer
14.01 DEV-OCPJP. Подготовка к сдаче сертификационных экзаменов серии Oracle Certified Professional Java Programmer
04.02 DEV-QT10. Прикладное программирование на С++ с использованием Qt. Базовый уровень
11.02 DEV-J60. Технологии разработки корпоративных приложений на платформе Java Enterprise Edition (Java EE)
11.02 DEV-J60. Технологии разработки корпоративных приложений на платформе Java Enterprise Edition (Java EE)
11.03 Введение в тестирование программного обеспечения
11.03 Введение в тестирование программного обеспечения
11.03 Введение в тестирование программного обеспечения
Открыт набор на осенний семестр в Академию информатики для школьников Открыт набор на осенний семестр на программы второго высшего образования
Добро пожаловать, Гость! Чтобы использовать все возможности Вход или Регистрация.

Уведомление

Icon
Error

скрол браузера сдвигает контент
Akuna
#1 Оставлено : 6 мая 2010 г. 21:27:14(UTC)
Ранг: Новичок

Группы: Зарегистрированные пользователи
Зарегистрирован: 06.05.2010(UTC)
Сообщений: 2
Баллов: 6

Здравствуйте!
Раньше сталкивалась, но как-то не обращала внимание, а тут очень бросается в глаза, получается "дергатня" при переходе с раздела на раздел.
Центрирую контент
<html>
<body>
<table style='margin: 0 auto; width:990px'>
содержимое
</table>
</body>
</html>
Отображается посередине нормально во всех браузерах. Но! как только на странице появляется правый скрол браузера (большой объем текста не влезает на страницу) мое содержимое сдвигается влево на размер скрола.

Подскажите, пожалуйста, как решить задачку. Может JS как-то? но лучше стандартными средствами css/html
Реклама
Mikhail.Buranov
#2 Оставлено : 6 мая 2010 г. 23:08:39(UTC)
Mikhail.Baranov

Ранг: Администратор

Группы: Администраторы, Модераторы, Зарегистрированные пользователи
Зарегистрирован: 07.10.2007(UTC)
Сообщений: 337
Баллов: 2,114,020
Мужчина
Откуда: Russia

Конечно, можно определять средствами JS размер области просмотра и наличие скроллинга, но вот оно надо? Подавляющее большинство сайтов не задумывается о подобной проблеме.

Особенно, если учесть, что в разных браузерах разная ширина скролл-бара.
Akuna
#3 Оставлено : 7 мая 2010 г. 13:10:36(UTC)
Ранг: Новичок

Группы: Зарегистрированные пользователи
Зарегистрирован: 06.05.2010(UTC)
Сообщений: 2
Баллов: 6

Спасибо за ответ! я раньше об этом тоже как-то не задумывалась..но в этом проекте уж очень видно. Думала, мало ли есть простой выход из ситуации
Mikhail.Buranov
#4 Оставлено : 12 мая 2010 г. 21:28:54(UTC)
Mikhail.Baranov

Ранг: Администратор

Группы: Администраторы, Модераторы, Зарегистрированные пользователи
Зарегистрирован: 07.10.2007(UTC)
Сообщений: 337
Баллов: 2,114,020
Мужчина
Откуда: Russia

Если такое поведение браузера действительно мешает. Например, при динамической подгрузке содержимого, то можно подумать над решением.

Как вариант — не проверять, есть прокрутка или нет, а сделать так, что бы она была всегда.

Код:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru">
<head>
    <title>Пример постоянного скролла</title>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/>
    <style type="text/css">
        /*
        Убираем поля вокруг контента,
        задаём начальную высоту, что бы задать высоту
        потомков в процентах
        */
        html,
        body {
            margin:0;
            padding:0;
            height:100%;
        }
        /*
        Блок-обёртка будет высотой 100%,
        а нижний отступ заставит его «не поместиться» в экране
        и появится вертикальный скролл
        */
        .wrapper {
            height:100%;
            padding-bottom:1px;
        }
        /*
        Блок с контентом, выровненный по центру
        */
        .content {
            width:990px;
            margin:0 auto;
        }
    </style>
</head>
<body>
    <div class="wrapper">
        <div class="content">
            <p>Содержимое страницы</p>
        </div>
    </div>
</body>
</html>
Mikhail.Buranov
#5 Оставлено : 13 мая 2010 г. 5:19:33(UTC)
Mikhail.Baranov

Ранг: Администратор

Группы: Администраторы, Модераторы, Зарегистрированные пользователи
Зарегистрирован: 07.10.2007(UTC)
Сообщений: 337
Баллов: 2,114,020
Мужчина
Откуда: Russia

А можно и без блока-обёртки:

Код:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru">
<head>
    <title>Пример постоянного скролла</title>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/>
    <style type="text/css">
        /*
        Убираем поля вокруг контента,
        задаём начальную высоту, что бы задать высоту
        потомков в процентах
Нижний отступ в 1% создаст переполнение области видимости и принудительный скроллбар
        */
        html,
        body {
            margin:0;
            padding:0 0 1px 0;
            height:100%;
        }
        Блок с контентом, выровненный по центру
        */
        .content {
            width:990px;
            margin:0 auto;
        }
    </style>
</head>
<body>
    <div class="content">
        <p>Содержимое страницы</p>
    </div>
</body>
</html>
RSS Лента  Atom Лента
Пользователи, просматривающие эту тему
Guest (2)
Быстрый переход  
Вы не можете создавать новые темы в этом форуме.
Вы не можете отвечать в этом форуме.
Вы не можете удалять Ваши сообщения в этом форуме.
Вы не можете редактировать Ваши сообщения в этом форуме.
Вы не можете создавать опросы в этом форуме.
Вы не можете голосовать в этом форуме.