Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial


Website Landscape Layout

Hey Guys,

I am designing a new site for a client who is coming from wix. His current site has a landscape orientation.

I am using the 960 grid system for design.

How do I code the site so its orientation is in landscape? Essentially, having the background image stay in the same place and having all the content within the site be able to be scrollable?

5 Answers

Try using background-attachment:fixed; on your background image in your body tag.

Or background-attachment:scroll; to get it to scroll with the page.

Hope this helps.

James Barnett
James Barnett
39,199 Points

A link to the Wix site would be great, then we can all get on the same page.

After looking a bit into this I guess another way of doing it is something like this http://themeforest.net/item/kutcher-studio-responsive-parallax-template/full_screen_preview/3431507

Responsive design. But thats different from the original question. I guess there are a few ways of going about this.


Thanks for the help.


Also a great way to see how other sites work is to right click on the page in question and select view code source. Find the element in question and view the CSS for it. Doing a little digging really helps.