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

Почему появляется горизонтальный скролл css

  • автор:

Почему появляется горизонтальный scroll?

Помогите пожалуйста решить проблему. Всегда ненавидел эту поганую горизонтальную прокрутку которая своим видом еще более уродует дизайн сайта чем вертикальная. Но у меня никак не получается её убрать из за того что я делаю div 100% с внутренними отступами по 50px. И такая ерунда на всех сайтах которые я делаю с 100% шириной экрана.

Почему так происходит? Как мне можно исправить ситуацию? Внутри находятся элементы галереи. Я не могу задать каждому элементу отступ по 50рх слева, только лишь для того чтобы они отступали от div. Буду рад любой помощи.

#container
  • Вопрос задан более трёх лет назад
  • 4597 просмотров

Комментировать
Решения вопроса 1

bootd

Дима Паутов @bootd Куратор тега CSS
Гугли и ты откроешь врата знаний!

#container <
box-sizing: border-box;
padding: 50px;
position:relative;
width:100%;
margin-top:160px;
height:auto;
>

Аттач картинок и горизонтальный скролл

Если к посту приаттачено большое кол-во картинок, появляется горизонтальный скролл, что доставляет неудобства. Часто вообще не замечаю, что картинок больше, чем видно на мониторе. Вроде решается одной строкой css.

.fieldset img.attach
Или все привыкли уже просто?
На сайте с 01.07.2009
14 декабря 2010, 19:17

pistol, не замечал ни разу или просто привык) вопрос такой к старожилам. А были ли темы с просьбами в этой ветке, которые выполнялись?

Создание сайтов: визитки, порталы, магазины, блоги (/ru/forum/622551)
На сайте с 24.10.2004
14 декабря 2010, 19:25
Есть кстати скролл, ага
Zero-xack:
А были ли темы с просьбами в этой ветке, которые выполнялись?
Были, например иконка ТС у ТС 🙂
На сайте с 10.11.2008
16 декабря 2010, 13:26
pan:
Были, например иконка ТС у ТС
Была удобнее первая редакция этой иконки, когда иконка была также и у стартпоста.
На сайте с 07.01.2008
16 декабря 2010, 13:33
Mad_Man:
Была удобнее первая редакция этой иконки, когда иконка была также и у стартпоста.

Согласен, но как мне разъяснили позже, из-за этого возникли технические трудности у модераторов. Поэтому иконку в стартовом посту заменили на иконку характеризующую топик.

Почему появляется горизонтальный скролл при верстке 1920 на мониторе с 1920?

Сверстал макет с шириной 1920, на мониторе с разрешением 1920 появился горизонтальный скролл, предполагаю это из-за полосы вертикального скролла, но что можно сделать? Внутри макета есть секции с шириной 1920, overflow-x: hidden; не помогает

  • Вопрос задан более двух лет назад
  • 1022 просмотра

6 комментариев

Простой 6 комментариев

Скроллинг таблицы с закрепленными столбцами.

Здравствуйте, коллеги. Есть таблица, большая, и нужно сделать так: если таблица выходит за размеры блока, то появляется горизонтальный скролл и два первых столбца закреплены, а остальная часть скроллится.
Нашел вот такую реализацию zurb.com/playground/responsive-tables там код и пример (Example Page), в коде, я так понял работает по first-child, но это работает только для первых.
Возможно кто-то понимает в java и подскажет как сделать, чтобы можно было либо по классу, либо еще каким-то образом закрепить первые два столбца.
Спасибо

Нормально делай — нормально будет!

frukt

frukt
  • Тольятти
  • Испытатели
  • Сообщений: 381

#2 12 февраля 2017 в 18:13

Помогите, кто понимает в java, как решить эти проблемы. Рассматриваю вариант с оплатой.
В общем, применил вот такой код jsfiddle.net/axeqojwu/2/ свою функцию он в целом выполняет, но есть пару проблем, которых хотелось бы решить.
1. Сделать таким образом: если таблица в экран не помещается, то появляется скролл, если больше, то таблица выводится вся без скролла, проще говоря адаптивность.
2. На закрепляются два столбца хорошо, но colspan в самых нижних ячейках не распознается и получается закрепляет лишнюю ячейку. Видно на скрине

Нормально делай — нормально будет!

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *