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, Спасибо огромное, подтолкнули меня на мысль, слайдер кнопки убрал, прокрутка меньше стала, нашел ещё пару элементов подобных на странице, поправил и всё стало ровно. Вопрос решен.

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.


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


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Органический трафик. 100 уникальных посетителей бесплатно при регистрации
Низкие цены. 1000 уникальных посетителей всего за 3.4 руб.
8 kostetskij 1761 4.5.2018, 13:56
автор: smiler
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыИсчезает ссылка при наведении курсора
5 almmih1991 781 28.4.2018, 21:50
автор: gruz333
Открытая тема (нет новых ответов) Привязать верификацию мобильного при отправке формы
2 Grestoun 909 8.4.2018, 12:49
автор: Grestoun
Открытая тема (нет новых ответов) Поиск ключевиков при помощи мутагена
0 tvsm22 418 27.2.2018, 12:43
автор: tvsm22
Горячая тема (нет новых ответов) 300 площадок под вечные ссылки на выбор: ТИЦ 20-9400, PR 0-6, ЯК, DMOZ. Скидки при пакетном заказе!
61 inkon 15103 7.12.2017, 20:28
автор: inkon


 



RSS Текстовая версия Сейчас: 28.5.2018, 1:50
Дизайн