Перейти к содержимому


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


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 3

#1 Bogdanovich4you

Bogdanovich4you

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 57 сообщений
  • ГородСанкт-Петербург

Отправлено 23 Ноябрь 2012 - 23:20

При очередном редактировании случайно заметил, что появилась горизонтальная прокрутка. Сделал откат  на день назад, но не помогло. Хэлп!!! Не могу понять где ошибка! Адрес магаза: http://sektormag.ru/

#2 support 2.0

support 2.0

    Активный участник

  • Модераторы
  • 4 950 сообщений

Отправлено 24 Ноябрь 2012 - 10:26

Просмотр сообщенияBogdanovich4you (23 Ноябрь 2012 - 23:20) писал:

При очередном редактировании случайно заметил, что появилась горизонтальная прокрутка. Сделал откат  на день назад, но не помогло. Хэлп!!! Не могу понять где ошибка! Адрес магаза: http://sektormag.ru/

Ваши элементы с права не умещаются, поэтому и получается полоса прокрутки. Вот инструкция как это исправить

в файле main. css найдите блок (844 строка):
.contvk {
right: -350px;
position: absolute;
top: -140px;
width: 300px;
z-index: 5;
}

и замените ее полностью на
.contvk {
right: -145px;
position: absolute;
top: -140px;
width: 100px;
z-index: 5;
text-decoration: none;
}

Теперь найдите блок
.bannerright {
right: -191px;
position: absolute;
top: 100px;
width: 175px;
z-index: 5;
}

и замените на
.bannerright {
right: -191px;
position: absolute;
top: 100px;
width: 175px;
z-index: 5;
}

Далее:
В HTML файле найдите блок, которым Вы вставляли правый баннер:
<div class="bannerright">
	   <ul>
		<li><a href="http://novinki-2.sektormag.ru"><img src="http://files.storeland.ru/web/upload/sitefiles/4/313/312680/novinki.jpg" title="Спеши узнать подробности!" alt="Бесплатная доставка" width="130"></a></li>
		 <br>

замените эту часть на
<div class="bannerright">
	   <ul>
		<li style="margin-left: 47px;"><a href="http://novinki-2.sektormag.ru"><img src="http://files.storeland.ru/web/upload/sitefiles/4/313/312680/novinki.jpg" title="Спеши узнать подробности!" alt="Бесплатная доставка" width="128"></a></li></li>
		 <br>

ниже у Вас есть вот примерно такая строчка (с помощью нее Вы ставили скрипт для соц.сетей)
<div class="yashare-auto-init" data-yasharel10n="ru" data-yasharetype="link" data-yasharequickservices="vkontakte,facebook,twitter,odnoklassniki,moimir,lj,friendfeed,moikrug,gplus,surfingbird"
">
замените эту часть строчку на
<div class="yashare-auto-init" data-yasharel10n="ru" data-yasharetype="link" data-yasharequickservices="vkontakte,facebook,twitter,odnoklassniki,moimir,lj,friendfeed,moikrug,gplus,surfingbird" style="margin-right: 17px;
margin-left: 45px;">

Если у Вас небольшая горизонтальная полоса прокрутки еще останется, найдите строчку, которая вставляет правый баннер:
<div class="bannerright">
	   <ul>
		<li style="margin-left: 47px;"><a href="http://novinki-2.sektormag.ru"><img src="http://files.storeland.ru/web/upload/sitefiles/4/313/312680/novinki.jpg" title="Спеши узнать подробности!" alt="Бесплатная доставка" width="128"></a></li></li>
		 <br>
и меняйте 2 значения: margin-left: 47px; и width="128" - ровно на сколько будете уменьшать width="128", на столько же значений увеличивайте margin-left: 47px;. Правда тогда теперь и у левых баннеров для пропорциональности нужно изменить width="130" на такое же значение как у правого баннера.

#3 Samcopy

Samcopy

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 346 сообщений
  • ГородСамара

Отправлено 06 Май 2014 - 20:17

Посмотрите плиз акк SL-287676
тоже полоса прокрутки горизонтальная, я и не заметила ее

#4 Сake

Сake

    Активный участник

  • Модератоpы
  • 5 979 сообщений

Отправлено 07 Май 2014 - 01:22

Найдите в вашем файле стилей main.css следующий класс

#cartInfo {
  bottom: 6px;
  font-size: 13px;
  position: relative;
  right: -780px;
  top: 90px;
  white-space: nowrap;
}

и замените его на

#cartInfo {
  bottom: 6px;
  font-size: 13px;
  position: absolute;
  right: 48px;
  top: 90px;
  white-space: nowrap;
}





Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных