Форум программистов
 

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

Вернуться   Форум программистов > Web программирование > HTML и CSS
Регистрация

Восстановить пароль
Повторная активизация e-mail

Купить рекламу на форуме - 42 тыс руб за месяц

Ответ
 
Опции темы Поиск в этой теме
Старый 14.10.2013, 14:21   #1
Green4el
Форумчанин
 
Регистрация: 16.04.2012
Сообщений: 146
По умолчанию Неверное отображение в мобильном браузере

Друзья, подскажите, в чем может быть проблема?
Сделал html страницу, в которой все элементы выравниваются по центру.
Но когда захожу с мобильного браузера (android), вся страница оказывается съехавшей в левую сторону из-за чего теряется часть информации.



Выравнивал так:
Код:
width: 1280px; left: 50%; margin-left: -640px;

Последний раз редактировалось Green4el; 14.10.2013 в 14:46.
Green4el вне форума Ответить с цитированием
Старый 14.10.2013, 15:05   #2
grominfo
Форумчанин
 
Аватар для grominfo
 
Регистрация: 30.05.2011
Сообщений: 651
По умолчанию

Цитата:
Выравнивал так:
Код:
width: 1280px; left: 50%; margin-left: -640px;
Код:
width: 1280px; margin-left:auto;margin-right:auto;
И вам не кажется, что 1280px - это многовато для мобильной версии?
Создание, программирование и сопровождение сайтов любой сложности.
Изготовление программ на заказ.
Список услуг и портфолио на сайте www.andreygrom.ru
grominfo вне форума Ответить с цитированием
Старый 14.10.2013, 15:13   #3
Green4el
Форумчанин
 
Регистрация: 16.04.2012
Сообщений: 146
По умолчанию

Цитата:
Сообщение от grominfo Посмотреть сообщение
Код:
width: 1280px; margin-left:auto;margin-right:auto;
И вам не кажется, что 1280px - это многовато для мобильной версии?
Теперь в мобильной версии все гуд, а с компьютера влево съезжает, не по центру.

Green4el вне форума Ответить с цитированием
Старый 14.10.2013, 15:14   #4
grominfo
Форумчанин
 
Аватар для grominfo
 
Регистрация: 30.05.2011
Сообщений: 651
По умолчанию

Цитата:
Теперь в мобильной версии все гуд, а с компьютера влево съезжает, не по центру.
Телепатия - не мой конёк. Ссылку в студию
Создание, программирование и сопровождение сайтов любой сложности.
Изготовление программ на заказ.
Список услуг и портфолио на сайте www.andreygrom.ru
grominfo вне форума Ответить с цитированием
Старый 14.10.2013, 15:16   #5
Green4el
Форумчанин
 
Регистрация: 16.04.2012
Сообщений: 146
По умолчанию

Цитата:
Сообщение от grominfo Посмотреть сообщение
Телепатия - не мой конёк. Ссылку в студию
http://good-site.biz
Green4el вне форума Ответить с цитированием
Старый 14.10.2013, 15:17   #6
_PROGRAMM_
Участник клуба
 
Аватар для _PROGRAMM_
 
Регистрация: 30.07.2009
Сообщений: 1,603
По умолчанию

Цитата:
Но когда захожу с мобильного браузера (android), вся страница оказывается съехавшей в левую сторону из-за чего теряется часть информации.
Она у меня и в firefox съехала в левую сторону, вот только не найду я, где у вас информация потерялась.

Цитата:
Выравнивал так:
Практически не общался с html и css, но разве так выравнивают блок по центру? Откуда 640px, 50%?
Код:
width:800px; margin: 0 auto;
--
Опоздал.

В мире нет вечных двигателей, зато есть вечные тормоза...

Блог

Последний раз редактировалось _PROGRAMM_; 14.10.2013 в 15:21.
_PROGRAMM_ вне форума Ответить с цитированием
Старый 14.10.2013, 15:24   #7
Green4el
Форумчанин
 
Регистрация: 16.04.2012
Сообщений: 146
По умолчанию

Цитата:
Сообщение от _PROGRAMM_ Посмотреть сообщение
Она у меня и в firefox съехала в левую сторону, вот только не найду я, где у вас информация потерялась.


Практически не общался с html и css, но разве так выравнивают блок по центру? Откуда 640px, 50%?
Код:
width:800px; margin: 0 auto;
--
Опоздал.
Левый край блока перемещается на середину страницы, а затем центрируется сдвигом влево на половину своей ширины
Green4el вне форума Ответить с цитированием
Старый 14.10.2013, 15:28   #8
Green4el
Форумчанин
 
Регистрация: 16.04.2012
Сообщений: 146
По умолчанию

Всем спасибо, убрал position:absolute и все встало как надо. Не знаю, правда, насколько это правильное решение.

---

Вру, в мобильном браузере снова влево съехало.
Green4el вне форума Ответить с цитированием
Старый 14.10.2013, 15:32   #9
_PROGRAMM_
Участник клуба
 
Аватар для _PROGRAMM_
 
Регистрация: 30.07.2009
Сообщений: 1,603
По умолчанию

Цитата:
Левый край блока перемещается на середину страницы, а затем центрируется сдвигом влево на половину своей ширины
Больше похоже на извращение. CSS -это не язык программирования, а уж тем более не процедурный. Каскадные таблицы, это набор информации которая позволяет браузеру по ее данным строить страницу. Каждый браузерный движок сделан по-своему. Если в одном браузере смещение произошло, то в другом может быть и не произойти. Стили, которые я и grominfo написали должны относится к тегу body или же к div'у general. Из-за вашей авто-верстки все сможет уехать всторону. Какой программой Вы это делали? Как бы не пришлось все переделывать.

В мире нет вечных двигателей, зато есть вечные тормоза...

Блог

Последний раз редактировалось _PROGRAMM_; 14.10.2013 в 15:37.
_PROGRAMM_ вне форума Ответить с цитированием
Старый 14.10.2013, 15:35   #10
Green4el
Форумчанин
 
Регистрация: 16.04.2012
Сообщений: 146
По умолчанию

Цитата:
Сообщение от _PROGRAMM_ Посмотреть сообщение
Больше похоже на извращение. CSS -это не язык программирования, а уж тем более не процедурный. Каскадные таблицы, это набор информации которая позволяет браузеру по ее данным строить страницу. Каждый браузерный движок сделан по-своему. Если в одном браузере смещение произошло, то в другом может быть и не произойти. Стили, которые я и grominfo написали должны относится к тегу body или же к div'у general. Из-за вашей авто-верстки все сможет уехать всторону.
Я понимаю, применив ваши стили, на настольном хроме все отображается хорошо, в мобильном хроме все съезжает влево.
Green4el вне форума Ответить с цитированием
Ответ


Купить рекламу на форуме - 42 тыс руб за месяц

Опции темы Поиск в этой теме
Поиск в этой теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
TWebBrowser - отображение строки не соответствует отображению строки в браузере cargo29 Общие вопросы Delphi 2 17.05.2011 10:06
Неверное отображение сайта в UTF-8. forjesus HTML и CSS 0 26.11.2010 13:29
Некорректное отображение страницы в браузере _PROGRAMM_ HTML и CSS 0 17.04.2010 17:58
Отображение флєш в браузере Опера Syltan HTML и CSS 1 22.03.2010 06:35