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


Ошибки Адаптации 148 Раз((


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

#1 мистка

мистка

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

  • Пользователи
  • PipPipPipPip
  • 2 435 сообщений
  • ГородМосква

Отправлено 29 Октябрь 2014 - 08:31

Добрый день, ребята модероторы выручайте я ничего не пойму  на обычном экране компа все стоит нормально (вроде как мак дак отключил мне адаптивность )
но...на деле в планшете сайт выглядит так
1 нижняя часть уезжает в сторону 2014-10-29 08-19-53 Скриншот экрана.png

при этом сдвигаясь в право она обрезает общий фон2014-10-29 08-22-42 Скриншот экрана.png

что делать ?
Аккаунт SL-315830

ребята как мне зафиксиировать диз?

#2 мистка

мистка

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

  • Пользователи
  • PipPipPipPip
  • 2 435 сообщений
  • ГородМосква

Отправлено 29 Октябрь 2014 - 12:20

fg

#3 Alekseys

Alekseys

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

  • Пользователи
  • PipPipPipPip
  • 2 355 сообщений

Отправлено 29 Октябрь 2014 - 12:30

Просмотр сообщениямистка (29 Октябрь 2014 - 08:31) писал:

Добрый день, ребята модероторы выручайте я ничего не пойму  на обычном экране компа все стоит нормально (вроде как мак дак отключил мне адаптивность )
но...на деле в планшете сайт выглядит так
1 нижняя часть уезжает в сторону Прикрепленный файл 2014-10-29 08-19-53 Скриншот экрана.png

при этом сдвигаясь в право она обрезает общий фонПрикрепленный файл 2014-10-29 08-22-42 Скриншот экрана.png

что делать ?
Аккаунт SL-315830

ребята как мне зафиксиировать диз?
Здравствуйте. В style.css замените
#footer-top {
margin-top: -54px;
background: url(http://c51002.storeland.net/foterdno.png?0790);
height: 147px;
width: 1084px;
margin-left: 132px;
}
на
#footer-top {
margin-top: -54px;
background: url(http://c51002.storeland.net/foterdno.png?0790);
height: 147px;
width: 1084px;
margin-left: 132px;
margin: auto;
}
затем
.content.container {
margin-top: 100px;
margin-bottom: 50px;
min-height: 500px;
background: url(http://c51002.storeland.net/center.png?6966);
}
замените на
.content.container {
margin-top: 100px;
min-height: 500px;
background: url(http://c51002.storeland.net/center.png?6966);
}


#4 мистка

мистка

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

  • Пользователи
  • PipPipPipPip
  • 2 435 сообщений
  • ГородМосква

Отправлено 29 Октябрь 2014 - 13:09

все равно не помогает ...

#5 мистка

мистка

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

  • Пользователи
  • PipPipPipPip
  • 2 435 сообщений
  • ГородМосква

Отправлено 29 Октябрь 2014 - 13:20

кусочек так и сдвинут фон так и обрезан

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

  • 2014-10-29 13-20-46 Скриншот экрана.png


#6 Alekseys

Alekseys

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

  • Пользователи
  • PipPipPipPip
  • 2 355 сообщений

Отправлено 29 Октябрь 2014 - 13:54

Просмотр сообщениямистка (29 Октябрь 2014 - 13:09) писал:

все равно не помогает ...
В style.css замените
#footer-top {
margin-top: -54px;
background: url(http://c51002.storeland.net/foterdno.png?0790);
height: 147px;
width: 1084px;
margin-left: 132px;
margin: auto;
}
на
#footer-top {
margin-top: -54px;
background: url(http://c51002.storeland.net/foterdno.png?0790);
height: 147px;
width: 1060px;
margin: auto;
}


#7 Alekseys

Alekseys

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

  • Пользователи
  • PipPipPipPip
  • 2 355 сообщений

Отправлено 29 Октябрь 2014 - 14:00

Просмотр сообщениямистка (29 Октябрь 2014 - 13:20) писал:

кусочек так и сдвинут фон так и обрезан
В style.css замените
#wrapper {
background: rgba(171, 213, 210, 0.97) url('http://c51002.storeland.net/header-top-bg.png') no-repeat;
margin: auto;
}
на
#wrapper {
background: rgba(171, 213, 210, 0.97) url('http://c51002.storeland.net/header-top-bg.png') no-repeat;
margin: auto;
background-size: 100%;
}


#8 мистка

мистка

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

  • Пользователи
  • PipPipPipPip
  • 2 435 сообщений
  • ГородМосква

Отправлено 29 Октябрь 2014 - 14:05

это не помогает..я уже сама так же делала...в чем там подвох вообще непонятно...

#9 Alekseys

Alekseys

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

  • Пользователи
  • PipPipPipPip
  • 2 355 сообщений

Отправлено 29 Октябрь 2014 - 15:00

Просмотр сообщениямистка (29 Октябрь 2014 - 14:05) писал:

это не помогает..я уже сама так же делала...в чем там подвох вообще непонятно...
Уточните пожалуйста, что именно вы делали?

#10 мистка

мистка

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

  • Пользователи
  • PipPipPipPip
  • 2 435 сообщений
  • ГородМосква

Отправлено 29 Октябрь 2014 - 18:28

ну во первых поставилавсе ка вы сказали..я еще до обращения на форум сама прописывала margin: auto; от него не холодно не жарко.........

это все из за кодов адаптации я так думаю..но не могу их пофиксить

#11 Alekseys

Alekseys

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

  • Пользователи
  • PipPipPipPip
  • 2 355 сообщений

Отправлено 29 Октябрь 2014 - 18:44

Просмотр сообщениямистка (29 Октябрь 2014 - 18:28) писал:

ну во первых поставилавсе ка вы сказали..я еще до обращения на форум сама прописывала margin: auto; от него не холодно не жарко.........

это все из за кодов адаптации я так думаю..но не могу их пофиксить
Проверьте, остается ли данная проблема обновив кэш браузера.

#12 мистка

мистка

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

  • Пользователи
  • PipPipPipPip
  • 2 435 сообщений
  • ГородМосква

Отправлено 29 Октябрь 2014 - 19:44

все так и осталось(

хотя нет изменилось теперь еще и разъехалася подвал....

нет это точно нкжно поудалять коды адаптивки...

#13 мистка

мистка

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

  • Пользователи
  • PipPipPipPip
  • 2 435 сообщений
  • ГородМосква

Отправлено 29 Октябрь 2014 - 20:18

сейчас выдает ошибку на сайте

#14 Vaccina

Vaccina

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

  • Модераторы
  • 24 353 сообщений

Отправлено 30 Октябрь 2014 - 04:44

подобная ситуация происходит из-за стикера акции и FAQ, во-первых у вас синтаксическая ошибка на данных блоках, вы задали им теги списка <li>, но без основного <ul> это является неправильным, лучше замените их на <div>, во-вторых, лучше использовать в этом случае абсолютное позиционирование, на примере стикера акции, вместо:
style="float: right;margin-top: -262px;margin-right: -310px;margin-bottom: 0px;"
лучше использовать:
style="float: right; position: absolute; right: 0px; top: 0px;"

но стикер встанет не в родное место, для этого сам его код необходимо перенести поставив после:
<div id="header-fluid" class="fluid-bg">


#15 мистка

мистка

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

  • Пользователи
  • PipPipPipPip
  • 2 435 сообщений
  • ГородМосква

Отправлено 30 Октябрь 2014 - 09:23

эта фигня была еще до установки стикера и акции.........и если их убрать ничего не меняется все тот же съехавший низ и сжатый фон + после внесения изменений модератором еще и подвал ускакал ..............вот ...............

#16 мистка

мистка

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

  • Пользователи
  • PipPipPipPip
  • 2 435 сообщений
  • ГородМосква

Отправлено 30 Октябрь 2014 - 10:25

ужс короче....

#17 мистка

мистка

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

  • Пользователи
  • PipPipPipPip
  • 2 435 сообщений
  • ГородМосква

Отправлено 30 Октябрь 2014 - 12:07

ну посмотрите пожалуйста я убрала стикер и акцию все равно та же история...хотела быстро перенести на новый шаблон..но там тот же косяк....

#18 мистка

мистка

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

  • Пользователи
  • PipPipPipPip
  • 2 435 сообщений
  • ГородМосква

Отправлено 30 Октябрь 2014 - 12:58

итак я выяснила модераторы в одной из тем на просьбуоб удалении адаптивности   сказали убрать эту строчку
<meta name="viewport" content="width=device-width, initial-scale=1
.0" />



если эту строку вернут на место в этом шаблоне ничего не меняется ..но в новом именно эта строчка влияет на обрезание фона

#19 Vaccina

Vaccina

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

  • Модераторы
  • 24 353 сообщений

Отправлено 31 Октябрь 2014 - 05:07

Вы убрали один стикер и меньше обрезает фон справа. Если удалить стикер акции, еще уменьшится.
Также проблема возникает из-за
#footer-top {
	background: url("http://storeland.net/foterdno.png?0790") repeat scroll 0 0 rgba(0, 0, 0, 0);
	height: 147px;
	margin: auto;
	width: 1088px;
}
уменьшите значение стиля width, например 1070, а фону задать положение -10px top




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

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