Panoramic Layout - Background Issues Options

[SleepyWoodson]

The Image (under construction)

I've made a large panoramic view of a park. It's about 13,000px in width. The idea was to create a layout where you must scroll vertically and explore the layout. Unfortunately, I'm a novice when it comes to design.

What should I do about the background on MySpace? Should it just be the image set against a black background? Should it be shorter in length? I'm so clueless.

I'm not finished with the design itself, I want to add some animals, foliage, specialty trees and other crap.

I just want some feedback.

[fixtatik]

^ definitely. it really just depends on how you want it done, because you're going to run into a couple problems, unfortunately, just because of the way it's designed.

when you're positioning it, instead of doing it from the top, you'll just be doing it from the bottom. what i suggest is that you make another image (you'll be able to get away with it being 1 pixel in height) that fades left to right from the light blue to the dark blue. set that gradient image to be the body background. that way, if you do get visitors with huge screens, the top will look natural. you actually shouldn't even have to worry about the background color, since no one has a monitor bigger than 10750 pixels.

CODE

<style>
body {
  background: url(GRADIENT URL) repeat-y top left;
  overflow-y: hidden;
}
.park {
  background: url(IMAGE URL);
  bottom: 0;
  height: 738px;
  left: 0;
  position: absolute;
  width: 10750px;
}
</style>