PHP.SU

Программирование на PHP, MySQL и другие веб-технологии

PHP.SU Портал

Главная

Помощь

Поиск

Поиск Яндекс Вакансии

Пользователи

Здравствуйте, Гость

( Вход · Регистрация · Правила форума )

Забыли пароль?

Страницы по ширине сдвигаются влево/ вправо

Форумы портала PHP.SU » Клиентская разработка » HTML, Дизайн & CSS (Модераторы: ALEN, armancho7777777)

Страниц (1): [1]

Без описания

Поиск в теме | Версия для печати

mstdmstd	Отправлено: 27 Июля, 2017 - 15:28:43
Частый гость Покинул форум Сообщений всего: 170 Дата рег-ции: Авг. 2014 Помог: 0 раз(а)	Всем привет, Посмотрите, пожалуйста на страницах(там логин отображается над вводом логина) http://ec2-34-212-140-26[dot]us-west[dot][dot][dot]m/admin/cms-item http://ec2-34-212-140-26[dot]us-west[dot][dot][dot]/edit?id=75& При тестировании на Chrome на разных экстрамалых(320px) и малых ( 768px ) девайсах страницы по ширине сдвигаются влево/ вправо - как будто что-то распирает верстку по ширине. В инспекторе обьектов не увидел что распирает - вроде ширина не превосходит макс параметров ширины. Проверил на http://quirktools[dot]com/screenfly/ - вроде по ширине нормально ... кажется общая проблема для всех страниц... Тестируя на Chromium я настроил на несколько девайсов и тестируя для айпадов(ширина 768 px) http://imgur[dot]com/a/L7VGi кликнув мышой и потянув влево/вправо я вижу что страница елозит влево/вправо примерно пикселей на 30 Эта разница видна на принтскринах http://imgur[dot]com/a/PmWDG Обычно такре происходит если что-то распирает верстку по ширине. Я не вижу из-за чего проблема. Спасибо!

Vladimir Kheifets	Отправлено: 28 Июля, 2017 - 08:16:56
Частый посетитель Покинул форум Сообщений всего: 879 Дата рег-ции: Март 2017 Откуда: Германия, Бавария Помог: 37 раз(а)	mstdmstd пишет: При тестировании на Chrome на разных экстрамалых(320px) и малых ( 768px ) девайсах страницы по ширине сдвигаются влево/ вправо - как будто что-то распирает верстку по ширине. В инспекторе обьектов не увидел что распирает - вроде ширина не превосходит макс параметров ширины. Доброе утро! 1.Попробуйте проверить на сервисе проверки CSS от W3C http://jigsaw[dot]w3[dot]org/css-validat[dot][dot][dot]ing=&lang=ru Выдаёт: W3C результаты проверки CSS для http://ec2-34-212-140-26[dot]us-west[dot][dot][dot]zonaws[dot]com/login (CSS3) К сожалению, мы обнаружили следующие ошибки (293) затем подробно все детали..... 2. В Firefox посмотрел HTML-код и открыл Web-консоль. У вас есть два div-контейнера с одинаковым именем. CODE (html): скопировать код в буфер обмена <div class="container"> <div class="container"> .................................... .................................... </div> </div> Вы пишите о проблемах “на разных экстрамалых(320px) и малых ( 768px ) девайсах” Посмотрите, пожалуйста, ниже фрагмент bootstrap.min.css. В нём я не нашёл @media (min-width:320px){} Спойлер (Отобразить) CODE (html): скопировать код в буфер обмена .container { position:relative; margin-left:auto; margin-right:auto; padding-right:15px; padding-left:15px } @media (min-width:576px) { .container { padding-right:15px; padding-left:15px } } @media (min-width:768px) { .container { padding-right:15px; padding-left:15px } } @media (min-width:992px) { .container { padding-right:15px; padding-left:15px } } @media (min-width:1200px) { .container { padding-right:15px; padding-left:15px } } @media (min-width:576px) { .container { width:540px; max-width:100% } } @media (min-width:768px) { .container { width:720px; max-width:100% } } @media (min-width:992px) { .container { width:960px; max-width:100% } } @media (min-width:1200px) { .container { width:1140px; max-width:100% } } 3. Так выглядит страница в браузере Safari 5.1.7 (PC, Windows 10) Прикреплено изображение (Нажмите для увеличения) (Отредактировано автором: 28 Июля, 2017 - 08:26:48)

Поиск в теме | Версия для печати

Страниц (1): [1]

Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)

« HTML, Дизайн & CSS »

Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.