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


Отображение Сайта В Планшете


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

#1 velena168

velena168

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

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

Отправлено 20 Сентябрь 2013 - 23:25

Отображение сайта в планшете Андроид Опера немного смещено влево. В принципе ничего страшного, но не очень красиво. Можно поправить?

Прикрепленные изображения

  • Снимок1.jpg


#2 Сake

Сake

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

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

Отправлено 21 Сентябрь 2013 - 02:51

Пожалуйста, сообщите какая версия оперы у вас используется и какое используется разрешение экрана.

#3 velena168

velena168

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

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

Отправлено 21 Сентябрь 2013 - 08:09

Просмотр сообщенияСake (21 Сентябрь 2013 - 02:51) писал:

Пожалуйста, сообщите какая версия оперы у вас используется и какое используется разрешение экрана.
Опера Мини 7.5.33361
Так и в Хроме для андроида тоже.
Разрешение 1280*800

#4 Taisia

Taisia

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

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

Отправлено 21 Сентябрь 2013 - 08:54

у вас есть ошибки в файле Main.css

найдите код (строка 52)

h2 {strong, b 45px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
  color: #02886e;
  }

замените на код

h2 {font:strong, b 45px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
  color: #02886e;
  }

так же в строке (504) у вас лишняя закрывающая скобка }

так же в строке 642

.goodsDataMainImagesIcon img		{padding:2px; width: vertical-align: bottom;}

замените на строку

.goodsDataMainImagesIcon img		{padding:2px; vertical-align: bottom;}


#5 miyako

miyako

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

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

Отправлено 21 Сентябрь 2013 - 08:55

Найдите код в шаблоне HTML (строка 188)-
  <!-- Список новинок на главной -->
  {% IFNOT index_page_new_goods_empty %}
	<div class="pad-box" style="
		margin-bottom: -20px;
">
и замените на -
  <!-- Список новинок на главной -->
  {% IFNOT index_page_new_goods_empty %}
	<div class="pad-box" style="margin-bottom: -20px;">

Найдите код (строка 233) -
   <!-- Список хитов продаж на главной -->
  {% IFNOT index_page_favorites_goods_empty %}
	<div class="pad-box" style="
		margin-bottom: -20px;
">
и замените на -
   <!-- Список хитов продаж на главной -->
  {% IFNOT index_page_favorites_goods_empty %}
	<div class="pad-box" style="margin-bottom: -20px;">


#6 Taisia

Taisia

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

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

Отправлено 21 Сентябрь 2013 - 08:58

так же в строке 972 код
color: #02886e
	 -webkit-transition: 1s;

замените на код

color: #02886e;
	 -webkit-transition: 1s;

так же ошибка в коде
#wrapper {
  background-color: #FFFACD;
  background: padding-bottom: 10px;
}

замените на код
#wrapper {
  background-color: #FFFACD;
padding-bottom: 10px;
}


#7 miyako

miyako

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

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

Отправлено 21 Сентябрь 2013 - 08:59

Далее найдите в строке 498 шаблона HTML -
<div style="position:absolute;top:-100px;left:-100px">
и замените на -
<div style="position:absolute;top:-100px;left:-100px;">


#8 Taisia

Taisia

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

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

Отправлено 21 Сентябрь 2013 - 09:01

Исправьте эти ошибки и возможно отображение вашего сайта станет корректным
если нет то будет проще найти в чем может быть причина.

#9 velena168

velena168

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

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

Отправлено 21 Сентябрь 2013 - 15:23

Спасибо. Ошибки исправила, но похоже еще не мало. Так же отображается.

#10 Absolem

Absolem

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

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

Отправлено 23 Сентябрь 2013 - 01:03

В main.css найдите код -
body {
background-color: #FFFACD;
min-width: 1024px;
position: relative;
}
И замените на -
body {
background-color: #FFFACD;
min-width: 1024px;
position: relative;
width:100%;
}


#11 velena168

velena168

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

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

Отправлено 23 Сентябрь 2013 - 01:25

Просмотр сообщенияAbsolem (23 Сентябрь 2013 - 01:03) писал:

В main.css найдите код -
body {
background-color: #FFFACD;
min-width: 1024px;
position: relative;
}
И замените на -
body {
background-color: #FFFACD;
min-width: 1024px;
position: relative;
width:100%;
}
Не помогло.

#12 Сake

Сake

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

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

Отправлено 24 Сентябрь 2013 - 03:10

Попробуйте в файле стилей main.css найти

#header #title {
	bottom: 44px;
	color: #FF6600;
	font-size: 16px;
	margin: 30px;
	position: absolute;
	right: -298px;
	width: 788px;
}

и заменить на

#header #title {
	bottom: 44px;
	color: #FF6600;
	font-size: 16px;
	margin: 30px;
	position: absolute;
	right: 0;
	width: 488px;
}


#13 velena168

velena168

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

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

Отправлено 24 Сентябрь 2013 - 08:56

Просмотр сообщенияСake (24 Сентябрь 2013 - 03:10) писал:

Попробуйте в файле стилей main.css найти

#header #title {
bottom: 44px;
color: #FF6600;
font-size: 16px;
margin: 30px;
position: absolute;
right: -298px;
width: 788px;
}

и заменить на

#header #title {
bottom: 44px;
color: #FF6600;
font-size: 16px;
margin: 30px;
position: absolute;
right: 0;
width: 488px;
}
Почти хорошо стало в хроме, есть небольшой отступ справа, а в Опере не изменилось.
Нагорожено то у меня прилично, видимо еще есть ошибки.

#14 Vaccina

Vaccina

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

  • Модераторы
  • 23 805 сообщений

Отправлено 25 Сентябрь 2013 - 01:07

Попробуйте так же - в файле стилей найти

.page-headline h1 {
	color: #009966;
	font: 24px/40px "Trebuchet MS",Arial,Helvetica,sans-serif;
	height: 2em;
	overflow: hidden;
	padding-left: 40px;
	position: absolute;
	width: 1024px;
}

и заменить на

.page-headline h1 {
	color: #009966;
	font: 24px/40px "Trebuchet MS",Arial,Helvetica,sans-serif;
	height: 2em;
	overflow: hidden;
	padding-left: 40px;
	position: absolute;
	width: 840px;
}

далее найти

#header #title3 {
	bottom: 44px;
	color: #000000;
	margin: 4px;
	position: absolute;
	right: -98px;
	top: 100px;
	width: 860px;
}

и заменить на

#header #title3 {
	bottom: 44px;
	color: #000000;
	margin: 4px;
	position: absolute;
	right: 60px;
	top: 100px;
	width: 700px;
}


#15 velena168

velena168

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

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

Отправлено 25 Сентябрь 2013 - 08:04

Просмотр сообщенияVaccina (25 Сентябрь 2013 - 01:07) писал:


Большое спасибо, Vaccina. Все получилось. Теперь мой сайт в планшете отображается как положено, красиво.
Спасибо, всем модераторам за исправленные ошибки.

#16 velena168

velena168

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

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

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

Перешла на Осень, опять появились проблемы отображения сайта на планшете.
в Опера Мини 7.5.33361 сайт сильно съезжает влево.
В Хроме нормально
Разрешение 1280*800

Помогите, пожалуйста.

#17 Koderhan

Koderhan

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

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

Отправлено 01 Ноябрь 2013 - 23:46

К сожалению нету возможности проверить отображение вашего сайта на планшете.

#18 velena168

velena168

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

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

Отправлено 02 Ноябрь 2013 - 02:06

Просмотр сообщенияKoderhan (01 Ноябрь 2013 - 23:46) писал:

К сожалению нету возможности проверить отображение вашего сайта на планшете.

И, что же теперь, так и останется?

Прикрепленные изображения

  • DSCN5473.JPG


#19 Vaccina

Vaccina

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

  • Модераторы
  • 23 805 сообщений

Отправлено 02 Ноябрь 2013 - 02:32

Пожалуйста, сообщите какое разрешение окна в браузере на вашем планшете?

#20 velena168

velena168

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

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

Отправлено 02 Ноябрь 2013 - 02:43

Разрешение экрана1280*800, 10,1", Android 4.2

Видимо что-то нарушила в коде, при свернутом окне появилась небольшая прокрутка.

Прикрепленные изображения

  • Снимок.PNG





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

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