Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.78/18: Рейтинг темы: голосов - 18, средняя оценка - 4.78
 Аватар для Vovcheg
38 / 38 / 18
Регистрация: 16.05.2011
Сообщений: 139

Полоса прокрутки(Scrollbar)

12.11.2011, 21:44. Показов 3343. Ответов 4
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Здравствуйте!
Есть проблема, которую, я надеюсь, вы поможете мне решить.
Есть не резиновый сайт. Таблица самого сайта около 1000 пикселей. В мозиле, опере и в ИЕ вроде бы все нормально, но, при просмотре сайта в хроме и сафари есть проблемка. Появляется нижний скроллинг, что есть не удобно.
Как или убрать скроллбар вместе с перехватом мышки, или исправить ошибку его появления при нормальном масштабе страницы? (Лучше второе)
И да, по неизвестной мне причине скроллбар то сам исчезает при включении инструментов в хроме(shift+ctrl+I), то по истечению неопределенного промежутка времени.

Часть кода, в которой ошибка:

CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
.art-content-layout
{
  display: table;
  padding: 0;
  border: none;
  width: 969px;
}
 
.art-content-layout .art-content-layout
{
  width: auto;
  margin:0;
}
 
div.art-content-layout div.art-layout-cell, div.art-content-layout div.art-layout-cell div.art-content-layout div.art-layout-cell
{
   display: table-cell;
}
 
div.art-layout-cell div.art-layout-cell
{
   display: block;
}
 
div.art-content-layout-row
{
  display: table-row; 
}
 
.art-content-layout
{
  table-layout: fixed;
  border-collapse: collapse;
  background-color: Transparent;
  border: none !important;
  padding:0 !important;
}
 
.art-layout-cell, .art-content-layout-row
{
  background-color: Transparent;
  vertical-align: top;
  text-align: left;
  border: none !important;
  margin:0 !important;
  padding:0 !important;
}
Проблему не могу решить сам, надеюсь на вашу помощь.
0
IT_Exp
Эксперт
34794 / 4073 / 2104
Регистрация: 17.06.2006
Сообщений: 32,602
Блог
12.11.2011, 21:44
Ответы с готовыми решениями:

Полоса прокрутки
Доброго времени суток, такая ситуация. Практикую понемногу сайтостроение посредством редактирования готовых шаблонов и вот столкнулся с...

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

Полоса прокрутки
Друзья подскажите как можна убрать нижнюю полосу прокрутки с веб страници

4
15 / 14 / 2
Регистрация: 18.05.2010
Сообщений: 118
12.11.2011, 23:03

Не по теме:

Зачем использовать один и тот же стиль, а потом 100 раз его переопределять?


Vovcheg, добавьте
CSS
1
body{overflow-x:hidden;}
Но это только в том случае, если весь контент полностью входит и отображается корректно.
0
 Аватар для Vovcheg
38 / 38 / 18
Регистрация: 16.05.2011
Сообщений: 139
12.11.2011, 23:50  [ТС]
Цитата Сообщение от ixapek Посмотреть сообщение
body{overflow-x:hidden;}
Да-да, это отключает саму полосу прокрутки, но при нажатии ЦКМ возможно горизонтальное перемещение. Это не правильно. Если по этому способу, как я писал выше, нужен перехват мышки.

Цитата Сообщение от ixapek Посмотреть сообщение
Но это только в том случае, если весь контент полностью входит и отображается корректно.
Вот именно, места еще остается около 300 пикселей...

Не по теме:

Цитата Сообщение от ixapek Посмотреть сообщение
Зачем использовать один и тот же стиль, а потом 100 раз его переопределять?
Экспериментировал я, сохранял, удалял, вот что-то такое вышло. В общем, саму систему не портит.

0
15 / 14 / 2
Регистрация: 18.05.2010
Сообщений: 118
13.11.2011, 01:32
А ссылочка, где все это посмотреть можно, есть? Не думаю, что это трабл браузера и нужны костыли на JS. Скорее всего тут все-таки где-то косяк верстки.
0
 Аватар для Vovcheg
38 / 38 / 18
Регистрация: 16.05.2011
Сообщений: 139
13.11.2011, 12:15  [ТС]
Нету. Сайт пока локальный.

Цитата Сообщение от ixapek Посмотреть сообщение
Скорее всего тут все-таки где-то косяк верстки.
Согласен, проблема в самой верстке. Вот я и создал тему, что бы мне помогли.
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
BasicMan
Эксперт
29316 / 5623 / 2384
Регистрация: 17.02.2009
Сообщений: 30,364
Блог
13.11.2011, 12:15
Помогаю со студенческими работами здесь

Полоса прокрутки
Здравствуйте! Сайт на Битриксе. Нужно реализовать полосу прокрутки для новостей. Не уверена, что правильно выбрала тему, но думаю, что...

Полоса прокрутки
Помогите плиз! Вот мой сайт - http://candywonderland.narod.ru/ Видите,нижняя полоса прокрутка широкая какая-то.Её вообще не должно...

Появляется полоса прокрутки
Здравствуйте! Почему появляется полоса прокрутки на экранах от 1400 px если блок который выпирает задан абсолютно, браузер разве не должен...

Горизонтальная полоса прокрутки
Всем привет. Народ, я вроде бы размеры всех блоков делал согласно размеров окна браузера, но вот горизонтальная полоса прокрутки всё равно...

Красивая полоса прокрутки
Доброго времени суток! У меня есть желание изменить внешний вид полосы прокрутки на сайте. Загуглив нахожу одинаковые статьи типо...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
5
Ответ Создать тему
Новые блоги и статьи
Конвертировать закладки radiotray-ng в m3u-плейлист
damix 19.02.2026
Это можно сделать скриптом для PowerShell. Использование . \СonvertRadiotrayToM3U. ps1 <path_to_bookmarks. json> Рядом с файлом bookmarks. json появится файл bookmarks. m3u с результатом. # Check if. . .
Семь CDC на одном интерфейсе: 5 U[S]ARTов, 1 CAN и 1 SSI
Eddy_Em 18.02.2026
Постепенно допиливаю свою "многоинтерфейсную плату". Выглядит вот так: https:/ / www. cyberforum. ru/ blog_attachment. php?attachmentid=11617&stc=1&d=1771445347 Основана на STM32F303RBT6. На борту пять. . .
Камера Toupcam IUA500KMA
Eddy_Em 12.02.2026
Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .
И ясному Солнцу
zbw 12.02.2026
И ясному Солнцу, и светлой Луне. В мире покоя нет и люди не могут жить в тишине. А жить им немного лет.
«Знание-Сила»
zbw 12.02.2026
«Знание-Сила» «Время-Деньги» «Деньги -Пуля»
SDL3 для Web (WebAssembly): Подключение Box2D v3, физика и отрисовка коллайдеров
8Observer8 12.02.2026
Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами и вызывать обработчики событий столкновения. . . .
SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL_LoadPNG (без SDL3_image)
8Observer8 11.02.2026
Содержание блога Библиотека SDL3 содержит встроенные инструменты для базовой работы с изображениями - без использования библиотеки SDL3_image. Пошагово создадим проект для загрузки изображения. . .
SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL3_image
8Observer8 10.02.2026
Содержание блога Библиотека SDL3_image содержит инструменты для расширенной работы с изображениями. Пошагово создадим проект для загрузки изображения формата PNG с альфа-каналом (с прозрачным. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru