[berkley]

Ok, figured out myself now.
“All” I needed to do was to add some additional space on top and bottom with the same height as the pngs…

For all with the same problem, here goes the code:

#page { margin-bottom: 40px; }
#page { margin-top: 40px; }

Thanks for helping out

[berkley]

@Sakin:
I’ve uploaded some screens and pngs to the dropbox album from above. The “problem” isn’t really a problem on desktop. It’s a problem on mobile devices, because the header is below the colored lines.

[berkley]

thanks for fast answer!
Sorry, site is not public yet and only available with admin login.

Check this link: https://www.dropbox.com/sh/3xwhxnz3zvauebf/Tifv83kzDM
It’s a screenshot with and without the code from the left upper corner of the page.

The 3 colored lines are actually just a png file that is repeated all over the screen width. I expected the code to work as it pushes everything else below the 3 colored lines. For some reason it’s just on top of the body.

[Author]

Posts