Imade a website for our charity (www.youngfocus.org). When you go to one of the pages ((not the homepage), you will notice a yellow beam on the left and right that will grow depending on the amount of text. I applied a 975x20pix GIF to make that background; vertically tiling and centered. However… when you make the browser window narrower than the actual website the GIF background will mess up the layered items on the page. This looks really ‘unprofessional’, so I wonder how I can solved that. Obviously, these items need to stay layered since effects have been applied to them.
Or http://www.youngfocus.org (including the http:// part ensures
clickability pretty much anywhere, including my email.
Anyway, enough of my pedantry!
when you make the browser window narrower than the actual website
the GIF background will mess up the layered items on the page.
I think this is happening because of the layered element you have
projecting past the right edge of the layout. The browser is simply
trying to center the content, which is effectively unbalanced.
You may find that if you put something (for example an empty layered
HTML box) the same distance out but on the other side you balance the
layout again.
