1 reply [Last post]
EricG
EricG's picture
Offline
newbie
United States
Last seen: 2 years 46 weeks ago
United States
Timezone: GMT-5
Joined: 2011-06-24
Posts: 7
Points: 12

Greetings! The site is http://morninglightmedia.net/louspetshop/

Looks great, just one issue - when the window size is adjusted the sheet adheres to the left of the page, hence overlapping the wooden arch graphic. Any tips on how to keep about 120px or so of margin there so it remains nicely within the border of the arch? Thank you!

Eric G.

EricG
EricG's picture
Offline
newbie
United States
Last seen: 2 years 46 weeks ago
United States
Timezone: GMT-5
Joined: 2011-06-24
Posts: 7
Points: 12

To answer my own question, I

To answer my own question, I figured this out.

div.backgroundimage
{
  position: absolute;
  background-image: url('imagesource.png');
  background-repeat: no-repeat;
  background-position: top center;
  background-attachment: scroll;
  width:100%;
  min-height:100%;
  min-width: 800px;
 }

This works beautifully, essentially faking a negative margin when the window size shrinks. WOOT!