Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.


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.