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.
Darrin Malone
929 PointsWebsite 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
Kris Jolls
5,157 PointsTry 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
39,199 PointsA link to the Wix site would be great, then we can all get on the same page.
Darrin Malone
929 PointsAfter 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.
Darrin Malone
929 Points
Kris Jolls
5,157 PointsAlso 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.