X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость ( Вход | Регистрация )

Открыть тему
Тема закрыта
> Горизонтальная прокрутка при 1024px, Прошу совета/помощи
Rast
Rast
Topic Starter сообщение 26.2.2014, 14:59; Ответить: Rast
Сообщение #1


Частый гость
**

Группа: User
Сообщений: 80
Регистрация: 18.1.2013
Из: Тольятти
Поблагодарили: 9 раз
Репутация:   1  


Доброго времени форумчане, прошу помощи разобраться что не так в верстке:
Есть верстка сайта по этой ссылке http://sergeirast.ru/42/index.php ширина главного блока 960px, при разрешении экрана 1024px появляется горизонтальная прокрутка, уже 2 дня ковыряюсь не могу разобраться в чем причина, заранее спасибо.

Сообщение отредактировал Rast - 26.2.2014, 15:01


--------------------
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
devuser
devuser
сообщение 26.2.2014, 15:04; Ответить: devuser
Сообщение #2


Все будет тип-топ
*****

Группа: Active User
Сообщений: 713
Регистрация: 5.12.2012
Из: Online
Поблагодарили: 342 раза
Репутация:   52  


Где ж там 960?
Первый же блок - .menu



Оберните всё во .wrapper с width:960px;


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Rast
Rast
Topic Starter сообщение 26.2.2014, 15:16; Ответить: Rast
Сообщение #3


Частый гость
**

Группа: User
Сообщений: 80
Регистрация: 18.1.2013
Из: Тольятти
Поблагодарили: 9 раз
Репутация:   1  


Нет во wrapper не получится, с .menu убрал width:100% это не влияет, структура верстки такая: всё поделено на блоки с 100% шириной, как видно на скрине выше:

<div class="menu">
<div class="header">
<div class="preim"> и т.д.

Сделано это для того, что бы задавать фон во всю ширину экрана.

В каждом этом блоке есть внутренний блок <div class="center"> для которых прописаны стили width: 960px; margin: 0 auto;
Таким образом ширина блоков с классом center не превышает 960px, но прокрутка всё равно появляется.


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
devuser
devuser
сообщение 26.2.2014, 15:26; Ответить: devuser
Сообщение #4


Все будет тип-топ
*****

Группа: Active User
Сообщений: 713
Регистрация: 5.12.2012
Из: Online
Поблагодарили: 342 раза
Репутация:   52  


Еще в слайдере беда.
Если поставить

.slider .bx-next {
right: -266px;
}

то прокрутка исчезает.
Что-то с этими кнопками, экспериментируйте.


--------------------


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Tollun
Tollun
сообщение 26.2.2014, 15:28; Ответить: Tollun
Сообщение #5


Старожил
******

Группа: Active User
Сообщений: 1595
Регистрация: 1.10.2009
Из: Хабаровск
Поблагодарили: 394 раза
Репутация:   66  


верхний слайдер, как мы работаем и факты о нас


--------------------


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Rast
Rast
Topic Starter сообщение 26.2.2014, 15:36; Ответить: Rast
Сообщение #6


Частый гость
**

Группа: User
Сообщений: 80
Регистрация: 18.1.2013
Из: Тольятти
Поблагодарили: 9 раз
Репутация:   1  


devuser, Спасибо огромное, подтолкнули меня на мысль, слайдер кнопки убрал, прокрутка меньше стала, нашел ещё пару элементов подобных на странице, поправил и всё стало ровно. Вопрос решен.


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыОшибка при создании шаблона страницы ВП
Нет картинок
5 semarg 661 9.12.2017, 15:36
автор: Nell
Горячая тема (нет новых ответов) 300 площадок под вечные ссылки на выбор: ТИЦ 20-9400, PR 0-6, ЯК, DMOZ. Скидки при пакетном заказе!
61 inkon 13923 7.12.2017, 20:28
автор: inkon
Горячая тема (нет новых ответов) Apple признала: Экран iPhone X отказывает при температуре ниже нуля
46 Astralis 3144 26.11.2017, 1:35
автор: Стэнли
Открытая тема (нет новых ответов) Переносится ли вес и тИЦ от входящих ссылок при 301 редиректе
10 Bel_Ami 2732 27.10.2017, 17:12
автор: voroninps
Открытая тема (нет новых ответов) Оформление внешних ссылок при помощи CSS
Каким образом можно оформить стилями внешние ссылки сайта
7 komarik_vlad 861 25.10.2017, 9:30
автор: x64


 



RSS Текстовая версия Сейчас: 11.12.2017, 4:51
Дизайн