фон смещается

Anton63 · 04-08-2015, 13:49:15

Всем привет! Есть верстка: http://web-akula.ru/site/rona/index.html
Там в шапке фон должен быть по центру естественно. При больших разрешениях экрана по центру и есть. А когда масштаб уменьшаешь в браузере или просматриваешь на планшете (разрешение 1024х768 пикселей), то фон смещается левее. Подписи в шапке соответственно уже указывают не туда куда нужно.
Как сделать, что бы фон всегда был по центру и не скакал при изменении масштаба в браузере?

alexburn · 04-08-2015, 13:51:34

Удалить картинку, либо сделать минимальные размеры. Вы же веб-акула

Anton63 · 04-08-2015, 13:54:54

Цитата: alexburn от 04-08-2015, 13:51:34
Удалить картинку, либо сделать минимальные размеры. Вы же веб-акула

Минимальные размеры заданы. Удалить картинку зачем?

alexburn · 04-08-2015, 14:03:14

Цитата: Anton63 от 04-08-2015, 13:54:54Удалить картинку зачем?

Потому что картинка не может уменьшится просто так.

Anton63 · 04-08-2015, 14:06:10

Цитата: alexburn от 04-08-2015, 14:03:14
Потому что картинка не может уменьшится просто так.

Остальные картинки на сайте уменьшаются нормально.

alexburn · 04-08-2015, 14:07:18

и в каком формате эти картинки ? в таком же ?
Я просто хочу тоже разобраться в этом вопросе:), что иногда лучше использовать, градиент с шириной в один пиксель, либо юзать уже готовую картинку.

Anton63 · 04-08-2015, 14:08:13

Цитата: alexburn от 04-08-2015, 14:07:18
и в каком формате эти картинки ? в таком же ?

Естественно!

alexburn · 04-08-2015, 14:08:54

Может тогда в дивах что-то нужно прописать ?

Anton63 · 04-08-2015, 14:09:26

Проблема решена. Нужно фон прописывать не в body, а обернуть все в div и задать фон ему.

Добавлено: 04-08-2015, 14:10:02

Цитата: alexburn от 04-08-2015, 14:08:54
Может тогда в дивах что-то нужно прописать ?

Ага, обернуть в див нужно было. Спасибо за помощь!

Dogica · 05-10-2015, 11:36:18

Цитата: Anton63 от 04-08-2015, 14:09:26
Проблема решена. Нужно фон прописывать не в body, а обернуть все в div и задать фон ему.

вот код.. картинка на бэкграунде на любой резолюции нормально показывается - по центру и соответственно разрешению

Код Выделить

<body style="background:url('ПУТЬ_К_ВАШЕЙ_КАРТИНКЕ') no-repeat; background-size: 100%;">