Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.87/15: Рейтинг темы: голосов - 15, средняя оценка - 4.87
 Аватар для [FENIX]
4 / 4 / 2
Регистрация: 09.10.2009
Сообщений: 540

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

19.12.2014, 09:57. Показов 3088. Ответов 8
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Всем привет. Народ, я вроде бы размеры всех блоков делал согласно размеров окна браузера, но вот горизонтальная полоса прокрутки всё равно появляется. Помогите пожалуйста, как правильно задать размер блоков, чтобы она не появлялась.

Вот сама страница: http://bislite.ucoz.ru/ Я только учусь из PSD верстать, многого ещё не знаю.
При ширине экрана в 1915 пикселей особо длинная полоса (((

P.S. overflow: hidden проблемы в корне не решает.
Заранее спасибо
0
cpp_developer
Эксперт
20123 / 5690 / 1417
Регистрация: 09.04.2010
Сообщений: 22,546
Блог
19.12.2014, 09:57
Ответы с готовыми решениями:

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

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

Горизонтальная полоса прокрутки и как с ней бороться
Доброго времени суток. Столкнулась с ситуацией, что на маленьких размерах экранов на странице возникает совсем небольшая горизонтальная...

8
1 / 1 / 2
Регистрация: 16.12.2014
Сообщений: 13
19.12.2014, 11:11
Вы пробовали задавать размеры сайта в процентах, а не в пикселях?
0
 Аватар для [FENIX]
4 / 4 / 2
Регистрация: 09.10.2009
Сообщений: 540
19.12.2014, 11:50  [ТС]
Конечно пробовал, тоже самое. Ту вот ещё что, я это пробую делать с использованием Bootstrap3. Там в пикселях многое, и используются медиа-запросы.
0
 Аватар для fol
511 / 485 / 161
Регистрация: 08.07.2013
Сообщений: 1,714
Записей в блоге: 1
19.12.2014, 11:51
в общем, 2 причины появления прокрутки, они на скринах
Кликните здесь для просмотра всего текста

либо поменять класс данным элементам, либо данным классам row задать width меньше
0
 Аватар для [FENIX]
4 / 4 / 2
Регистрация: 09.10.2009
Сообщений: 540
19.12.2014, 11:56  [ТС]
Точно! Спасибо огромное! Буду тщательнее пользоваться веб инспектором )))
0
 Аватар для Al_lord
39 / 39 / 26
Регистрация: 11.01.2014
Сообщений: 343
19.12.2014, 13:56
впишите в файл css
CSS
1
2
3
* {
border: 1px solid #f0f;
}
и увидите что проблема в
HTML5
1
2
3
4
5
<div class="row">
 <div class="col-lg-2">
 <img src="img/logo.png">
 </div>
 </div>
а именно в
CSS
1
2
3
4
5
@media (min-width: 992px)
.row {
width: 1000px;
margin-left: 40px;
}
0
 Аватар для [FENIX]
4 / 4 / 2
Регистрация: 09.10.2009
Сообщений: 540
19.12.2014, 14:49  [ТС]
Спасибо! Все блоки видны как на ладони ))) Особенно 2 косячных блока )))
0
 Аватар для Al_lord
39 / 39 / 26
Регистрация: 11.01.2014
Сообщений: 343
19.12.2014, 15:49
только не забудьте что из за
CSS
1
2
3
* {
border: 1px solid #f0f;
}
сами блоки могут сползать ибо сам border съест 1 пиксель... поправочка не 1 а 4, 2 по ширение и 2 по высоте
0
 Аватар для [FENIX]
4 / 4 / 2
Регистрация: 09.10.2009
Сообщений: 540
19.12.2014, 16:00  [ТС]
Да, понимаю конечно, спасибо
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
raxper
Эксперт
30234 / 6612 / 1498
Регистрация: 28.12.2010
Сообщений: 21,154
Блог
19.12.2014, 16:00
Помогаю со студенческими работами здесь

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

При разрешении 800х600 на сайте появляется горизонтальная полоса прокрутки, а при разрешении 1152х864 на странице справа пустота.
На главной странице моего сайта http://www.univer-comp.ru при разрешении 800х600 появляется горизонтальная полоса прокрутки, а при...

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

Горизонтальная полоса на весь экран обходя элементы
Здравствуйте! необходимо сделать горизонтальную полосу(где круглые переключатели) как на картинке. Переключатели реализовал, а как сделать...

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


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

Или воспользуйтесь поиском по форуму:
9
Ответ Создать тему
Новые блоги и статьи
Камера 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 с альфа-каналом (с прозрачным. . .
Установка Qt-версии Lazarus IDE в Debian Trixie Xfce
volvo 10.02.2026
В общем, достали меня глюки IDE Лазаруса, собранной с использованием набора виджетов Gtk2 (конкретно: если набирать текст в редакторе и вызвать подсказку через Ctrl+Space, то после закрытия окошка. . .
SDL3 для Web (WebAssembly): Работа со звуком через SDL3_mixer
8Observer8 08.02.2026
Содержание блога Пошагово создадим проект для загрузки звукового файла и воспроизведения звука с помощью библиотеки SDL3_mixer. Звук будет воспроизводиться по клику мышки по холсту на Desktop и по. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru