Welcome to the Treehouse Community
Looking to learn something new?
Website Landscape Layout
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?
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 Barnett39,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.
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.