Hi All!
I don't want to say I solved this, but I am well on my way. Of course, for our Company's site I did some trimming ... ;)
I worked in three main files: stylesheet.css, stylesheet_header_menu.css and apple_zen/common/tpl_main_page.php
The side shadows are achieved by layering two div and setting their background to the left or right shadow. I put these after the <contentMainWrapper> and set them to 71em. I then adjusted (through MUCH trial and error) the containing divs to either 100% or 70em. Adjusting padding to taste, etc.
Make your life easier and turn off the header until you get the main page working. Fixing the header is simple after that.
Also, if you want your footer to be enclosed this box, this is where you do it.
It was neither THAT simple or that hard. Take your time. Change one thing and test it.
One of the things I really love about apple_zen is it's zoom-in/zoom-out strength without breaking layout. The stretchy header is also cool for some site designs.
I am no CSS guru, so I don't know if there is a way to make a single template do both. At least not easily. Perhaps a second template with a different name for the enclosed header? Orange_Zen? Grape_Zen? LOL. I'm sure Jade will come up with something awesome!
Please take a look at my test site and tell me what you think ...
http://royalindustriesinc.com/store/index.php
-Chadd
Bookmarks