CSS: Как решить эту проблему «Сайт слишком большой»?

Question

Я подозреваю, что мой вопрос может быть слишком общим, но я надеюсь, что кто-то со знанием дела CSS поможет мне найти решение.

Мой сайт выглядит приемлемым (для меня) в мониторах с высоким разрешением (1920X1080) - но на экранах с меньшим разрешением левый сайт не умещается - и хотя горизонтальная прокрутка появляется в конце концов, вы уменьшаете окно, но оно выглядит «слишком поздно» и не содержит ничего от основной панели содержимого,

Это особенно меня беспокоит.Есть и другие проблемы, связанные с разрешением.

Вот сайт:

http://www.cybart.com/bscg/

Буду признателен, если вы посмотрите - и был бы признателен за предложения / рекомендации / советы от мастеров CSS!

Answer 1

Вот как я понимаю вашу проблему:

Если кто-то заходит на ваш сайт на меньшем экране, возможно, 1024x768 или что-то еще, полоса прокрутки не появляется.

Вам необходимо установить минимальную ширину / высоту для контейнера div для содержимого страницы. Тогда, если браузер уже, вы получите полосу прокрутки.

Вместо этого я предлагаю сделать один тег div, который не будет шире, чем, скажем, 950, и вместо него поставить хороший фон. Никто не хочет прокручивать влево или вправо в браузере.

Используйте css теги width и height для div, содержащего содержимое страницы.

Answer 2

У меня экран с более низким разрешением ... и я вижу проблему.

Возможно, вы захотите уменьшить размер основного раздела контента, а затем переключиться на навигационную панель.

Или - лучше - автоматически отцентрировать основной раздел, используя margin:0 auto;, а затем соответственно расположить левую навигационную панель.

Answer 3

Проблема с полосами прокрутки связана с переполнением страницы.Возможно, вы используете переполнение: скрытый, и когда страница не подходит, браузер не показывает полосы прокрутки.