Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.62/47: Рейтинг темы: голосов - 47, средняя оценка - 4.62
0 / 0 / 0
Регистрация: 24.08.2015
Сообщений: 10

Горизонтальная полоса прокрутки и как с ней бороться

15.07.2016, 22:31. Показов 9995. Ответов 5

Студворк — интернет-сервис помощи студентам
Доброго времени суток.
Столкнулась с ситуацией, что на маленьких размерах экранов на странице возникает совсем небольшая горизонтальная прокрутка. Если её скрыть, то это даже не заметно, ничего не обрезается. Но тем не менее я не могу понять, откуда она берётся. Мне порекомендовали исследовать инспектором страницу... Я не исследователь)) Взяла просто прошлась по всем элементам, поотключала всякое, но так и не нашла в чём проблема.
Я встретила пример сайта, где увидела такое же диво, но уже и на большом экране.
Не в целях рекламы!!! http://stranamasterov.ru/node/1016330
Я бы хотела на примере этого сайта узнать из-за чего там взялась эта прокрутка и как это правильно вычислять.

Заранее благодарна всем за помощь.
0
cpp_developer
Эксперт
20123 / 5690 / 1417
Регистрация: 09.04.2010
Сообщений: 22,546
Блог
15.07.2016, 22:31
Ответы с готовыми решениями:

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

Горизонтальная полоса прокрутки
Здравствуйте, когда у меня загружается эта страница, появляется горизонтальная полоса прокрутки.:-| Что не так? <!DOCTYPE html> ...

Почему не появляется горизонтальная полоса прокрутки?
Есть таблица: http://www.formass.ru/extensions/otzyvy Таблица обернута в <div class="table-responsive"></div> Почему у данной таблицы...

5
Ушел наливать чай
 Аватар для Stas_Garcia
188 / 138 / 32
Регистрация: 02.03.2013
Сообщений: 650
15.07.2016, 22:43
left-corner паддинг поменьше сделайте. А еще почитайте про box-sizing.
0
Эксперт JSЭксперт HTML/CSS
 Аватар для mrtoxas
3827 / 2677 / 1521
Регистрация: 12.07.2015
Сообщений: 6,672
Записей в блоге: 4
15.07.2016, 22:52
body заданы margin-left и margin-right, непонятно зачем.
0
0 / 0 / 0
Регистрация: 24.08.2015
Сообщений: 10
17.07.2016, 19:54  [ТС]
"left-corner паддинг"
что это? никогда не слышала о таком.

"body заданы margin-left и margin-right, непонятно зачем."
если их убрать, то это картины не меняет, полоса всё равно остаётся.

Меня больше интересует каким методом я могу вычислить какой именно блок на сайте грубо говоря "не влезает"?
0
Богатый духовно
 Аватар для boilzzz
455 / 262 / 145
Регистрация: 10.03.2015
Сообщений: 1,057
17.07.2016, 20:06
belchatnik, C помощью инструментов разработчика, парвой мыши клик по сайту, просмотреть код

Добавлено через 29 секунд
Цитата Сообщение от belchatnik Посмотреть сообщение
Меня больше интересует каким методом я могу вычислить какой именно блок на сайте грубо говоря "не влезает"?
Я об этом
0
Эксперт HTML/CSS
 Аватар для Fedor92
2964 / 2621 / 1068
Регистрация: 15.12.2012
Сообщений: 10,091
Записей в блоге: 11
17.07.2016, 20:06
belchatnik, вот лучший способ вычислить:
CSS
1
*{border:1px solid red; box-sizing:border-box}
А лучше дайте ссылку на Ваш проект, поскольку причины появления горизонтальной прокрутки могут отличаться от шаблона на который Вы дали линк...
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
raxper
Эксперт
30234 / 6612 / 1498
Регистрация: 28.12.2010
Сообщений: 21,154
Блог
17.07.2016, 20:06
Помогаю со студенческими работами здесь

В Opera на моем сайте не отображается горизонтальная полоса прокрутки
На моем сайте http://univer-comp.ru/ на главной странице и на странице "О нас" в браузере Opera 11.64 не отображается горизонтальная полоса...

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

Горизонтальная полоса прокрутки в RichTextBox
Странная проблема. При выставлении не появляется горизонтальный скролл бар. Кто-то сталкивался с подобным ?

Горизонтальная полоса прокрутки с фиксированными точками
Доброго времени суток! Есть небольшая задачка. Ничего с виду сложного, но что-то мысли по осуществлению в голову не приходят(( Итак,...

Не отображается горизонтальная полоса прокрутки в ListBox
У меня строка в компоненте ListBox не помещается по горизонтали и при этом неотображается горизонтальная полоса прокрутки. Как и справить?


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

Или воспользуйтесь поиском по форуму:
6
Ответ Создать тему
Новые блоги и статьи
моя боль
iceja 24.01.2026
Выложила интерполяцию кубическими сплайнами www. iceja. net REST сервисы временно не работают, только через Web. Написала за 56 рабочих часов этот сайт с нуля. При помощи perplexity. ai PRO , при. . .
Модель сукцессии микоризы
anaschu 24.01.2026
Решили писать научную статью с неким РОманом
http://iceja.net/ математические сервисы
iceja 20.01.2026
Обновила свой сайт http:/ / iceja. net/ , приделала Fast Fourier Transform экстраполяцию сигналов. Однако предсказывает далеко не каждый сигнал (см ограничения http:/ / iceja. net/ fourier/ docs ). Также. . .
http://iceja.net/ сервер решения полиномов
iceja 18.01.2026
Выкатила http:/ / iceja. net/ сервер решения полиномов (находит действительные корни полиномов методом Штурма). На сайте документация по API, но скажу прямо VPS слабенький и 200 000 полиномов. . .
Расчёт переходных процессов в цепи постоянного тока
igorrr37 16.01.2026
/ * Дана цепь(не выше 3-го порядка) постоянного тока с элементами R, L, C, k(ключ), U, E, J. Программа находит переходные токи и напряжения на элементах схемы классическим методом(1 и 2 з-ны. . .
Восстановить юзерскрипты Greasemonkey из бэкапа браузера
damix 15.01.2026
Если восстановить из бэкапа профиль Firefox после переустановки винды, то список юзерскриптов в Greasemonkey будет пустым. Но восстановить их можно так. Для этого понадобится консольная утилита. . .
Сукцессия микоризы: основная теория в виде двух уравнений.
anaschu 11.01.2026
https:/ / rutube. ru/ video/ 7a537f578d808e67a3c6fd818a44a5c4/
WordPad для Windows 11
Jel 10.01.2026
WordPad для Windows 11 — это приложение, которое восстанавливает классический текстовый редактор WordPad в операционной системе Windows 11. После того как Microsoft исключила WordPad из. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru