Geek asks and answers

How do you avoid short-term traversal of a centered background image?

I use a layout where I have a central header / logo image at the top and it connects to a background image that repeats vertically.

The problem is that the background remains only in the center, while the viewing area is wide enough. When I reduce its width below the width of the background image, the background image is no longer centered and only drawn on the left, so that it no longer connects to the logo.

I painted this photo for your personal entertainment only.

+3
source share
4 answers

is that what you call http://jsfiddle.net/yuliantoadi/FZAMX/ ?

+1
source

min-width , . 642px;

0

Have you tried setting the minimum width to htmlthe minimum image width? I tried this on your first link in Chrome and it seemed to work. I set min-width to 680px.

0
source

In the end, I did not use the background image of the body, because dividing by 100% of the minimum height, which always extends to the bottom, is much easier. Here is what I came up with: http://213.251.177.42/misc/background-problem/container.html

0
source

More articles:


All Articles