Jump to content

Растягивание BACKGROUND по всей ширине сайта на WP


Recommended Posts

Собственно говоря задумался я о том, что не везде смотрится мой сайт кроссбраузерно. Как это изменить? Что мне прописать, чтобы background растягивался под размеры браузера? CMS сайта - wordpress.

Link to post
Share on other sites

Есть вопрос? Задай его профессиональным веб-мастерам, SEO и другим специалистам!



background-size: cover;

либо



background-size: 100%;

Оба варианта работают, но по разному могут восприниматься браузерами

 

У меня всё работает на ура с этим кодом:

body {
	background: url('../images/bg.jpg') no-repeat top center #241b01;
	background-size: 100%;
	margin: 0px;
	padding: 0px;
}
Link to post
Share on other sites


background-size: cover;

либо



background-size: 100%;

Оба варианта работают, но по разному могут восприниматься браузерами

 

У меня всё работает на ура с этим кодом:

body {
	background: url('../images/bg.jpg') no-repeat top center #241b01;
	background-size: 100%;
	margin: 0px;
	padding: 0px;
}

 

Не помогло, к сожалению...

Link to post
Share on other sites

После смены css нужно каждый раз чистить кеш в браузере!

 

И как я мог о нем забыть! Спасибо большое, все заработало! Помог чуток измененный код:

body {
	background: #FFF url(images/background.jpg) center top no-repeat;
	background-size: 100%;
	margin: 0%;
	padding: 0%;
}

Всем спасибо, поставлю каждому по лайку  ;) Тему можно закрывать!

Link to post
Share on other sites

Существует оптимальная для чтения длина строки — она зависит от нескольких факторов: размер шрифта, межстрочное расстояние и т.п. — но для большинства веб-сайтов можно ориентироваться на величину в интервале от 50 до 75 знаков. Соответственно, если ваш сайт сверстан таким образом, что одна из колонок (иногда единственная) растягивается по всей ширине экрана, то это означает, что на больших мониторах эта оптимальная длина будет значительно превышена, превращая знакомство с вашим сайтом в сущее мучение для пользователя.


Аналогичная ситуация возникает и в случаях, когда сайт выстроен по левому краю. Тогда, чтобы продолжать знакомство с ним пользователю большого экрана придется держать голову все время повернутой влево. Вряд ли такой “опыт” можно признать успешным.


Какова вероятность, что это произойдет? Обратитесь к статистике своего сайта и посмотрите, каков процент посетителей с экранным расширением превышающим по ширине 1400рх. Вы с обнаружите, что процент этот значителен. И если на вашем сайте присутствует одна из описанных проблем, то… по крайней мере вам теперь доподлинно известно, какому количеству посетителей он доставил неудобства.


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...