Сообщений в теме: 19

[Store-rondell]

Как продлить фон?

[Сake]

Добавьте в ваш файл стилей main.css

#footer {
	width: 960px;
	margin: 0 auto !important;
}

[Store-rondell]

Сake (10 Сентябрь 2013 - 05:02) писал:

Добавьте в ваш файл стилей main.css

#footer {
width: 960px;
margin: 0 auto !important;
}

Отлично! Благодарю за помощь!)

[dvukot]

Добрый день. У меня не сработало, вопрос тот же.

[ne_yana]

dvukot (03 Декабрь 2013 - 12:37) писал:

Добрый день. У меня не сработало, вопрос тот же.

Здравствуйте, укажите, пожалуйста, номер вашего аккаунта.

[dvukot]

Аккаунт SL-253482

[dvukot]

И еще вопрос: почему припереходе в раздел "Новогодние игрушки" идет смещение фона вниз? Спасибо!

[Castiel]

dvukot (03 Декабрь 2013 - 13:38) писал:

Аккаунт SL-253482

Редактируем main.css

Находим

#footer {
background: url("http://aidaya11.storeland.net/botfade.jpg")repeat-x 50% 100%;
border-top: 1px solid #CCC;
clear: both;
color: #000;
font-family: verdana;
height: 100px;
margin: 0px;
padding: 0px;
text-align: center;
}

Заменяем на

#footer {
clear: both;
color: #000;
font-family: verdana;
height: 100px;
margin: 0px;
padding: 0px;
text-align: center;
}

Находим

body {
font-size: 75%;
line-height: 1.0006em;
font-family: "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif;
background-color: #FFF;
color: #000;
}

Заменяем на

body {
font-size: 75%;
line-height: 1.0006em;
font-family: "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif;
background-color: #FFF;
color: #000;
background: url({ASSETS_IMAGES_PATH}фон.jpg) repeat-x left bottom;
}

Находим

#contentWrap {
clear: both;
background: url(http://aidaya11.storeland.net/фон.jpg) repeat-x left bottom;
}

Заменяем на

#contentWrap {
clear: both;
}

[dvukot]

Спасибо! Подвал в порядке! А почему прыгает "верх"? Где его закрепить?

[Castiel]

dvukot (03 Декабрь 2013 - 14:18) писал:

Спасибо! Подвал в порядке! А почему прыгает "верх"? Где его закрепить?

Находим

body {
font-size: 75%;
line-height: 1.0006em;
font-family: "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif;
background-color: #FFF;
color: #000;
background: url({ASSETS_IMAGES_PATH}фон.jpg) repeat-x left bottom;
}

Заменяем на

body {
font-size: 75%;
line-height: 1.0006em;
font-family: "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif;
background-color: #FFF;
color: #000;
background: url({ASSETS_IMAGES_PATH}фон.jpg) no-repeat;
background-size: cover;
}

[dvukot]

Отлично. Начинаю врубаться. А то, что фон ушел с подвала - это высота самой картинки не позволяет все заполнить, так? Размеры картинки 1920х1200

[Castiel]

dvukot (03 Декабрь 2013 - 14:45) писал:

Отлично. Начинаю врубаться. А то, что фон ушел с подвала - это высота самой картинки не позволяет все заполнить, так? Размеры картинки 1920х1200

Вы забыли добавить это

background-size: cover;

Вот такой body должен быть

body {
font-size: 75%;
line-height: 1.0006em;
font-family: "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif;
background-color: #FFF;
color: #000;
background: url({ASSETS_IMAGES_PATH}фон.jpg) no-repeat;
background-size: cover;
}

[dvukot]

Действительно забыл, прошу прощения!
И все равно, картинка немного меняет размер при переходе в "Новогодние игрушки"...

[dvukot]

И еще вдогонку вопрос: можно ли прописать фон на всю страницу - сверху донизу?

[Castiel]

dvukot (03 Декабрь 2013 - 18:23) писал:

И еще вдогонку вопрос: можно ли прописать фон на всю страницу - сверху донизу?

Находим

#headerWrap {
height: 150px;
background: url(http://aidaya11.storeland.net/header_bg.jpg) repeat-x;
}

Заменяем на

#headerWrap {
height: 150px;
}

[dvukot]

Спасибо большое!!!

[dvukot]

Добрый день. Спасибо большое за вчерашние ответы, все получилось, работает. Один вопрос: почему скачет фон при переходе в категорию "Новогодние игрушки"? Только в этой категории.

[ne_yana]

dvukot (04 Декабрь 2013 - 10:09) писал:

Добрый день. Спасибо большое за вчерашние ответы, все получилось, работает. Один вопрос: почему скачет фон при переходе в категорию "Новогодние игрушки"? Только в этой категории.

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

[dvukot]

Никак нельзя исправить? Не понимаю, почему эта страница длиннее остальных.

[Vaccina]

Может вам просто зафиксировать фон? Чтобы при скролле он не пролистывался, для этого необходимо:

body {
font-size: 75%;
line-height: 1.0006em;
font-family: "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif;
background-color: #FFF;
color: #000;
background: url({ASSETS_IMAGES_PATH}фон.jpg) no-repeat;
background-size: cover;
}

заменить на:

body {
font-size: 75%;
line-height: 1.0006em;
font-family: "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif;
background-color: #FFF;
color: #000;
background: url({ASSETS_IMAGES_PATH}фон.jpg) no-repeat fixed center top;
}