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


Помогите! Некорректное Отображение На Нетбуке И Телефоне!


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

#21 Иванов

Иванов

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

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

Отправлено 11 Июнь 2014 - 21:59

Просмотр сообщенияVaccina (10 Июнь 2014 - 02:14) писал:

шапка как раз не разбросалась по всему сайту а скомпоновалась, остается ее немного поправить найдите:
#header-fluid {
background: #EDEDED;
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.25);
height: 100px;
margin: 0 auto;
position: relative;
width: 90%;
z-index: 10;
}
замените на:
#header-fluid {
background: #EDEDED;
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.25);
margin: 0 auto;
min-height: 100px;
position: relative;
width: 100%;
z-index: 10;
}

далее найдите:
.container {
background: #FFFFFF;
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.25);
height: 180px;
margin: 0 auto;
width: 100%;
}
замените на:
.container {
background: #FFFFFF;
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.25);
margin: 0 auto;
min-height: 180px;
width: 100%;
}
после подобных изменений, ехать меню не должно
с подвалом проблема из-за другого блока, что-то нарушает границы сайта, сейчас надо выровнять шапку

Кое-какие изменения произошли при отображении на нетбуке (шапка верхняя и меню расстянулись так как надо), но под левым меню, виджетом, горизонтальным меню и подвалом появился белый фон Изображение  .

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

Вот бекап с этими изменениями:  

11.06.2014 22:54:13



На данный момент вернули вид перед этим бекапом.



#22 Vaccina

Vaccina

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

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

Отправлено 12 Июнь 2014 - 02:05

Лучше изменения сохранять, тем более когда структура выровнялась
.container {
background: #FFFFFF;
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.25);
margin: 0 auto;
min-height: 180px;
width: 100%;
}
замените на:
.container {
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.25);
margin: 0 auto;
min-height: 180px;
width: 100%;
}

Меню, как понимаю, под шапкой должно быть?

#23 Иванов

Иванов

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

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

Отправлено 14 Июнь 2014 - 19:44

Просмотр сообщенияVaccina (12 Июнь 2014 - 02:05) писал:

Лучше изменения сохранять, тем более когда структура выровнялась
.container {
background: #FFFFFF;
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.25);
margin: 0 auto;
min-height: 180px;
width: 100%;
}
замените на:
.container {
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.25);
margin: 0 auto;
min-height: 180px;
width: 100%;
}

Меню, как понимаю, под шапкой должно быть?

Изменения внесли.

Меню да, должно быть под шапкой, т.к. как стоит сейчас.

#24 Иванов

Иванов

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

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

Отправлено 01 Июль 2014 - 21:08

Просмотр сообщенияИванов (14 Июнь 2014 - 19:44) писал:

Изменения внесли.

Меню да, должно быть под шапкой, т.к. как стоит сейчас.

Админы, где все пропали???  Помогите плиз!!!

#25 Vaccina

Vaccina

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

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

Отправлено 02 Июль 2014 - 03:52

меню, насколько помню, должно быть в шапке на сером фоне, для этого в style.css найдите:
#header-fluid {
	background: #ededed;
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.25);
	height: 100px;
	margin: 0 auto;
	position: relative;
	width: 90%;
	z-index: 10;
}
замените на:
#header-fluid {
	background: #ededed;
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.25);
	margin: 0 auto;
	padding-bottom: 20px;
	position: relative;
	width: 90%;
	z-index: 10;
}

далее необходимо выровнять саму шапку сайта, найдите:
.container {
	margin: 0 auto;
	width: 1200px;
}
замените на:
.container {
	margin: 0 auto;
	width: 97%;
}


#26 Иванов

Иванов

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

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

Отправлено 02 Июль 2014 - 15:32

Просмотр сообщенияVaccina (02 Июль 2014 - 03:52) писал:

меню, насколько помню, должно быть в шапке на сером фоне, для этого в style.css найдите:
#header-fluid {
background: #ededed;
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.25);
height: 100px;
margin: 0 auto;
position: relative;
width: 90%;
z-index: 10;
}
замените на:
#header-fluid {
background: #ededed;
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.25);
margin: 0 auto;
padding-bottom: 20px;
position: relative;
width: 90%;
z-index: 10;
}

далее необходимо выровнять саму шапку сайта, найдите:
.container {
margin: 0 auto;
width: 1200px;
}
замените на:
.container {
margin: 0 auto;
width: 97%;
}

серый фон не нужен в верхнем меню. (сейчас всё стоит как нужно).

Остальное сделали как написали, но опять ничего не изменилось.  Изображение

#27 Vaccina

Vaccina

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

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

Отправлено 03 Июль 2014 - 01:54

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

#28 Иванов

Иванов

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

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

Отправлено 03 Июль 2014 - 15:36

Просмотр сообщенияVaccina (03 Июль 2014 - 01:54) писал:

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

Ползунки как убрать?

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

  • 232323.jpg


#29 Иванов

Иванов

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

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

Отправлено 03 Июль 2014 - 15:45

Просмотр сообщенияVaccina (03 Июль 2014 - 01:54) писал:

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

И вот так отображается сейчас верхнее меню на нетбуке:

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

  • Безымянный.png


#30 batta

batta

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

  • Пользователи
  • PipPipPipPip
  • 1 142 сообщений
  • ГородНижний Новгород

Отправлено 03 Июль 2014 - 15:45





Просмотр сообщенияИванов (03 Июль 2014 - 15:36) писал:

Ползунки как убрать?
Здравствуйте
если надо убрать do4a, то в HTML удалите вот этот код
<p align="right"><a href="http://do4a.com/"><img height="41px" src="http://sport-steroid.com//image/data/do4a.png" style=right" </p>
Найдите в style.css
#footer-fluid {
background: #3c3c3c;
}
Измените на
#footer-fluid {
background: #3c3c3c;
margin-right: -30px;
}


#31 Иванов

Иванов

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

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

Отправлено 03 Июль 2014 - 15:46

Просмотр сообщенияbatta (03 Июль 2014 - 15:45) писал:

Здравствуйте
У нас всё отоброжаеться коректно если надо убрать do4a, то в HTML удалите вот этот код
<p align="right"><a href="http://do4a.com/"><img height="41px" src="http://sport-steroid.com//image/data/do4a.png" style=right" </p>


Это Вы сейчас касательно ползунков???

#32 batta

batta

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

  • Пользователи
  • PipPipPipPip
  • 1 142 сообщений
  • ГородНижний Новгород

Отправлено 03 Июль 2014 - 17:32

это насчет ссылки на do4a.com она на скриншоте зачеркнута

#33 Иванов

Иванов

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

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

Отправлено 03 Июль 2014 - 18:13

Просмотр сообщенияbatta (03 Июль 2014 - 17:32) писал:

это насчет ссылки на do4a.com она на скриншоте зачеркнута

она зачеркнута для других пользователей)) этот ссылка нужна!

Проблема обозначена стрелочками на скриншоте (нижний ползунок). Как убрать его?

Спасибо!

#34 Vaccina

Vaccina

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

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

Отправлено 04 Июль 2014 - 01:22

В HTML ищем:
<div id="wrapper" class="group">
меняем на:
<div id="wrapper">
далее в style.css ищем:
#header-fluid {
background: #ededed;
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.25);
height: 100px;
margin: 0 auto;
position: relative;
width: 90%;
z-index: 10;
}
после него вставляем:
#content-fluid {
width: 90%;
margin: 0 auto;
}
далее находим:
.two-third {
float: right;
width: 930px;
}
меняем на:
.two-third {
float: right;
width: 830px;
}

далее находим:
#footer-fluid {
background: #3c3c3c;
margin-right: -30px;
}
меняем на:
#footer-fluid {
background: #3c3c3c;
}


#35 Иванов

Иванов

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

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

Отправлено 04 Июль 2014 - 18:44

Просмотр сообщенияVaccina (04 Июль 2014 - 01:22) писал:

В HTML ищем:
<div id="wrapper" class="group">
меняем на:
<div id="wrapper">
далее в style.css ищем:
#header-fluid {
background: #ededed;
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.25);
height: 100px;
margin: 0 auto;
position: relative;
width: 90%;
z-index: 10;
}
после него вставляем:
#content-fluid {
width: 90%;
margin: 0 auto;
}
далее находим:
.two-third {
float: right;
width: 930px;
}
меняем на:
.two-third {
float: right;
width: 830px;
}

далее находим:
#footer-fluid {
background: #3c3c3c;
margin-right: -30px;
}
меняем на:
#footer-fluid {
background: #3c3c3c;
}

На нетбуке ничего не изменилось...всё как и было на скриншоте, только дополнительно съехало меню левое.

На обычном мониторе перед нижней шапкой появилась белая полоса + меню товаров изменилось (было 4 товара в ряд, а сейчас только три...  не очень красиво смотрится Изображение ). Бэкап с изменения ми сделали.

#36 batta

batta

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

  • Пользователи
  • PipPipPipPip
  • 1 142 сообщений
  • ГородНижний Новгород

Отправлено 04 Июль 2014 - 20:13

Здравствуйте
1)Найдите в style.css
html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, img, strong, sub, sup, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
}
измените
html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, img, strong, sub, sup, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 1px;
border: 0;
font-size: 100%;
font: inherit;
}
2)
В style.css
.column.two-third {
background: #EDEDED;
padding: 10px;
}
измените на
.column.two-third {
background: #EDEDED;
padding: 50px;
}
В style.css
.grid, .grid2 {
margin: 0 -15px;
}
измените на
.grid, .grid2 {
margin: 0 -71px;
}
в style.css
.two-third {
width: 830px;
float: right;
}
измените на
.two-third {
width: 817px;
float: right;
}


#37 Иванов

Иванов

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

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

Отправлено 05 Июль 2014 - 11:30

Просмотр сообщенияbatta (04 Июль 2014 - 20:13) писал:

Здравствуйте
1)Найдите в style.css
html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, img, strong, sub, sup, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
}
измените
html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, img, strong, sub, sup, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 1px;
border: 0;
font-size: 100%;
font: inherit;
}
2)
В style.css
.column.two-third {
background: #EDEDED;
padding: 10px;
}
измените на
.column.two-third {
background: #EDEDED;
padding: 50px;
}
В style.css
.grid, .grid2 {
margin: 0 -15px;
}
измените на
.grid, .grid2 {
margin: 0 -71px;
}
в style.css
.two-third {
width: 830px;
float: right;
}
измените на
.two-third {
width: 817px;
float: right;
}


После этих исправлений пропала только полоска белая перед подвалом, а остальное все как-то посъзжало не так как нужно...  даже левое меню вниз "уехало"... Изображение Бекап с изменениями сделали...

#38 batta

batta

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

  • Пользователи
  • PipPipPipPip
  • 1 142 сообщений
  • ГородНижний Новгород

Отправлено 05 Июль 2014 - 12:23

Здравствуйте
Найдите в style.css
.content.container {
margin-bottom: 150px;
margin-top: 59px;
min-height: 500px;
}
измените на
.content.container {
margin-bottom: 0px;
margin-top: 58px;
min-height: 500px;
}
У вас 4 товара в ряд, данная проблема ещё возникает у вас?

#39 yuragravi

yuragravi

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

  • Пользователи
  • PipPipPip
  • 112 сообщений

Отправлено 12 Август 2014 - 22:49

Здравствуйте! у меня нарушена адаптивность сайта в IE и в мобильной версии (добавленные в шапке контакты заходят на слайдер и из-за этого в мобильной версии слайдер не показывается вообще

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

  • Безымянный.png
  • Screenshot_2014-08-12-23-20-59.png


#40 Сake

Сake

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

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

Отправлено 13 Август 2014 - 01:29

Попробуйте добавить в ваш файл стилей style.css следующий класс

.flexslider {
  clear: both;
}

а так же найдите и удалите в шаблоне "HTML" следующую строку

<meta http-equiv="X-UA-Compatible" content="IE=7" />





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

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