Geek asks and answers

Problem with 100% background image cover disappearing when scrolling

I have http://www.mrfishermusic.com/

You will notice that the main wrapper is 1042px (#main). Then I have #container surrounding a width of 100%. I did it like this because the background image of the page has a huge width.

The problem is that the browser size is small horizontally ... let's say .. 700 pixels wide (or smaller, like on the iPhone), when you scroll to the right, the header and footer as soon as they disappear, the main wrapper remains intact.

I see that some others had this problem, but I'm not a CSS ninja, so I could not reproduce the solution on my site. I apologize if this was asked before.

Thank!

+3
source share
2

100% / . :

  • javascript .
  • .
  • ( ): background-image: url(background.png); background-position: center top;
+5

min-width <body> .

+5

More articles:


All Articles