Вертикальная линия на моем сайте CSS + прокрутка

0

У меня возникла проблема с просмотром моего сайта в других браузерах под ОС Windows. Появляется вертикальная линия справа от сайта (отмечена стрелкой). Я думал, что это полоса прокрутки, но я ошибся. Мой MacBook показывает все в порядке, в то время как 13-дюймовый тошиба ошибается. Та же проблема возникает на 15-дюймовом компьютере с win. Вот код css моего div.

Другая проблема заключается в том, что полоса прокрутки появляется при использовании mozilla - выглядит некрасиво, но при использовании свойства "overflow: hidden" она отключает прокрутку. Любая идея, как решить эти неприятные проблемы?

.container { 
 z-index: 1;
 position: relative; 
 background-color: #0099cc; 
 padding-top: 120px; 
 text-align: center; 
 white-space: nowrap; 
 text-shadow: 0px 1px 1px #888; 
 height: 100%; 
 min-width: 1280px; 
 min-height: 800px; 
 overflow: scroll; 
 }

ссылка изображения: уродливая линия справа

Веб-сайт: сайт с вопросом

  • 0
    предоставить HTML-код или ссылку на ваш сайт для работы?
  • 0
    Кажется, что "уродливая линия" на самом деле является фоном содержащего элемента. Таким образом, нам действительно нужно было бы больше работать здесь (в конечном счете, просто тупой код, просто чтобы воспроизвести проблему - обычно это лучший способ определить, откуда возникают проблемы, и в этом случае это может сводиться только к вашему зеленому контейнеру и его родитель).
Теги:
google-chrome
line
safari

1 ответ

0
Лучший ответ

Эти "уродливые" линии - это просто неактивные полосы прокрутки, вы можете удалить их, сделав overflow:visible; на ваших divs. Но я не знаю, повлияет ли это на ваш сайт другими способами.

Поделиться
  • 0
    Это не помогает Неактивные полосы прокрутки все еще там, хотя теперь они активны и доступны для прокрутки ...
  • 0
    В самом деле? У меня это сработало, я попробовал в .container
Показать ещё 4 комментария

Ещё вопросы

Сообщество Overcoder
Наверх
Меню