Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
8 / 7 / 3
Регистрация: 24.11.2014
Сообщений: 111

Ширина страницы превышает ширину области просмотра

20.04.2016, 13:32. Показов 2262. Ответов 0
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Приветствую всех!

Подскажите, пожалуйста, проверял гугловебмастером сайтик и он показал следующее
Ширина страницы превышает ширину области просмотра, из-за чего пользователям придется прокручивать ее по горизонтали. Адаптируйте контент для области просмотра, чтобы сделать свой сайт удобнее.
Ширина страницы составляет 413 CSS-пикс., а области просмотра – всего 411 CSS-пикс. Эти элементы находятся вне области просмотра:
Элемент <div class="col-lg-4 col-s…-12 right_menu">Корзина…kini.Island.ru</div> находится вне области просмотра.
Вот код этой части:
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
<div class="row">
  <div class="col-lg-2 col-sm-2 col-xs-4">
    <div class="logo">
      <a href="http://www.bikini-island.ru/shop/"><img width="100%" src="http://www.bikini-island.ru/shop/image/catalog/bikini-island.png" title="Купальники мини и микро бикини в интернет магазине Bikini Island" alt="Купальники мини и микро бикини в интернет магазине Bikini Island"></a>
    </div>
  </div>
  <div class="col-lg-6 col-sm-5 col-xs-8 toplinks">
    <div class="links">
      <div class="wishlist"><a title="Список желаний (0)" href="http://www.bikini-island.ru/shop/wishlist"><span class="hidden-xs">Список желаний (0)</span></a></div>
      <div class="login"><a title="Войти" href="http://www.bikini-island.ru/shop/login"><span class="hidden-xs">Войти</span></a></div>
      <div class="check"><a title="Зарегистрироваться" href="http://www.bikini-island.ru/shop/register"><span class="hidden-xs">Зарегистрироваться</span></a></div>
    </div>
  </div>
  <div class="col-lg-4 col-sm-5 col-xs-12 right_menu">
    <div class="menu_top">
      <div class="top-cart-contain pull-right">
        <div class="mini-cart">
          <div class="basket dropdown-toggle" data-toggle="dropdown" data-hover="dropdown"><a href="cart">Корзина</a></div>
          <div>
            <div class="top-cart-content" style="display: none;">
              <div class="block-subtitle">
                <div class="top-subtotal" id="cart">0 товар(а, ов) = 0.00Р</div>
              </div>
              <div style="height:100px; padding-top:42px;">
                <p class="text-center">Ваша корзина пуста!</p>
              </div>
              <div class="actions">
                <a title="Перейти в корзину" class="btn-checkout" href="cart"><span>В корзину</span></a>
              </div>
            </div>
          </div>
        </div>
        <div id="ajaxconfig_info">
          <a href="#"></a>
          <input type="hidden">
          <input id="enable_module" type="hidden" value="1">
          <input class="effect_to_cart" type="hidden" value="1">
          <input class="title_shopping_cart" type="hidden" value="Перейти в корзину">
        </div>
      </div>
    </div>
    <div class="lang-curr">
      <div class="top-contacts">
        <a href="skype:Bikini.Island.ru" title="Позвонить или написать через Skype"><span style="font-size: 14px;"><i class="fa fa-skype" style="font-size: 16px; padding-right: 4px;"></i>Bikini.Island.ru</span></a>
      </div>
    </div>
  </div>
</div>
CSS: [del]

Откуда гугл насчитал 413 пикселей, если смотреть на этот див <div class="col-lg-4 col-sm-5 col-xs-12 right_menu"> через отладчик, то там вообще показывает что он шириной 483 пикселя (см. фото)

Помогите, пожалуйста, как это исправить?

Благодарю заранее.
Миниатюры
Ширина страницы превышает ширину области просмотра  
0
cpp_developer
Эксперт
20123 / 5690 / 1417
Регистрация: 09.04.2010
Сообщений: 22,546
Блог
20.04.2016, 13:32
Ответы с готовыми решениями:

Размер DGV (ширина) в зависимости от размера печатной области страницы
Как задать ширину DGV при изменении параметра страницы, что бы при смене ориентации и полей страницы DGV меняла свою ширину. Для более...

Как сделать ширину позиции не на всю ширину страницы
Речь идет о сайте http://kuhnisulamita.ru где создана новая позиция для обратного звонка (слево вверху). При добавлении чего-либо на эту...

Ширина столбцов на всю ширину QTableWidget
Вопрос кажется простенький, но нкиак не поддается моему решению... На ui форму добавляю tablewidget, заполняю его в коде, но как сделать...

0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
raxper
Эксперт
30234 / 6612 / 1498
Регистрация: 28.12.2010
Сообщений: 21,154
Блог
20.04.2016, 13:32
Помогаю со студенческими работами здесь

Ширина div во всю ширину родителя
Всем привет! Есть верстка: &lt;!doctype html&gt; &lt;html lang=&quot;ru&quot;&gt; &lt;head&gt; &lt;meta charset=&quot;UTF-8&quot;&gt; ...

При закрытии слетает ширина. Как зафиксировать ширину строк?
Всем доброго времени суток. Пользуюсь OO.org 3.2.1 OOO320m18 (Build:9502) Проблема в следующем: В ячейках есть информация, которая по...

Требуется вывести Имя пользователя в поле, ширина которого превышает длину имени на 3 символа
1.Не понимаю, как подставить в спецификатор ширины строки значение переменной strlen(name) или, если это невозможно, как решить эту задачу ...

Настройка области просмотра
Необходимо настроить область просмотра следующим образом. Ширина 100%. Масштабирование: максимум 150% минимум 70%. Задал область...

Задать ширину области
Всем добрый день! Такой вопросец - как задать ширину области? Не хотелось бы каждый раз искать номер колонки у области, чтобы её...


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

Или воспользуйтесь поиском по форуму:
1
Ответ Создать тему
Новые блоги и статьи
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 и по. . .
SDL3 для Web (WebAssembly): Основы отладки веб-приложений на SDL3 по USB и Wi-Fi, запущенных в браузере мобильных устройств
8Observer8 07.02.2026
Содержание блога Браузер Chrome имеет средства для отладки мобильных веб-приложений по USB. В этой пошаговой инструкции ограничимся работой с консолью. Вывод в консоль - это часть процесса. . .
SDL3 для Web (WebAssembly): Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве
8Observer8 02.02.2026
Содержание блога Для начала пошагово создадим рабочий пример для подготовки к экспериментам в браузере ПК и в браузере мобильного устройства. Потом напишем обработчик клика мыши и обработчик. . .
Философия технологии
iceja 01.02.2026
На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru