Combines dynamic 3-column layout (rigid, pixel-measured1) with stick-to-bottom-of-page footer
Independent, straightforward css background-color, background-image settings for each column
Built-in structures for implementing a wide variety of layout variations, including separated header and true "daylight" separation between columns. Experimentation with variations is made easy by...
Computations. Dynamic css layouts are often inescapably complex, involving calculated values and value dependencies that make for a delicately balanced css file that is a challenge to alter. In this system, using php, we enlist the computer to do the computing(!). No calculated results are entered "by hand". Instead one enters only the values of the "independent variables" (i.e., basic dimensions, like $header_width=280. These go in the css_vars file, while settings not involved in calculations, like text-decoration, are treated as normal css.) The formulas that use the variables are combined with the straight text css in a hybrid php/css file called main.css.php under the direction of the css_engine which then renders the resulting css text to html (css for this layout: view).
Conditional Settings. We also use php if-then statements to expand the layout possibilities in ways that go beyond calculational convenience. (See css_vars.php and main.css.php)
Browser recognition. There is no need for browser-accomodating hacks in the css file, nor is there any need for proprietary browser-specific html tags. Our css_engine.php loads a browser-specific, hack-free css adjustments file for each (supported) browser that requires such, and appends it to the main css file prior to delivering css to html.
Tested on the following browsers:
Internet Explorer 8.0.6
Opera 9.6.4, 10 (height issues persist)
1Satisfies the needs of this site. It is likely not difficult to modify the system for fluid, percent-measured, etc.
This layout is based on the code found at the following:
We also encorporate several invaluable tips from others who are cited in our html/css comments.
We are most grateful to those who have shown the way, and we take full responsibility for the shortcomings of this effort to extend their work.
We are in pre-beta (i.e., very rough draft) testing of our online memorials concept that will offer a large selection of artistic themes to customers. Rather than hire one designer, we have created a designer's environment that makes it possible for anyone to become one of our commissioned artists.
No knowledge of HTML/CSS is required. The designer environment is entirely form driven.
The site will charge for creating memorials. If the customer chooses one of your designs you receive a fee.
Theme Designer Registration
(ignore prices and select "demo pay" when you register)
Again, please be prepared for a rough interface (but functioning well enough for you to see how it works). We hope to be fully functional for customers by Spring 2014.
Free to use and modify
May not be sold
Used by all layouts:
Generates this layout:
Besides the usual meaning ("you take responsibility for any damage or dissatisfaction resulting from the use of this code")
we want to make it explicit that no attempt has been made to make this system self-optimizing with respect to css elements or html markup. It is left to
the user to eliminate css and html structures that are made unnecessary by a particular configured layout.
4 IE 7 is not supported, but there is hope that it might be supportable. (Due in part to our limited CSS knowledge we seem to find ourselves, with each passing day, less willing to put out the effort. Ditto for solving lingering height problems with Opera.)
5 This, and some other, browser-specific css/php files are actually blank templates. We include them for the sake of future development needs.