[Zope-CMF] Pure CSS for main template

Charlie Clark charlie at begeistert.org
Sun Oct 5 14:06:33 EDT 2008


now that I've got my own branch I've finally made a start on a pure  
CSS version of main_template.pr for CMFDefault. The idea is not to do  
a redesign but to implement the existing one using CSS now that pretty  
much all of the browsers in use have at least adequate support.  
Customers will hopefully still want to have a different design but it  
should be easier to do.

I'm using an "em" based elastic approach where the layout will "grow"  
with the chosen text size. I know that most browsers have now caught  
up with Opera and offer proper zooming but there are still lots of IE6  
installs out there. I'm working on a baseline of 1024 x 768. Does  
anyone have objections to this?

A couple of notes: currently I've ripped out a couple of the  
containing divs to make my life a bit easier. Particularly the content  
area seems to have one or two more than necessary. All the changes to  
existing styles have been done in a new stylesheet.

The layout uses a "trick" to put content actions box to the left of  
the content area. This is best way for multi-browser compatibility as  
IE has a couple of famous bugs with nested containers. The only  
drawback I know about this is that the content area appears before the  
content actions box in the HTML.

I've setup a blueprint https://blueprints.launchpad.net/zope-cmf/+spec/pure-css-main-template

Feedback very welcome.

Charlie Clark
Helmholtzstr. 20
D- 40215
Tel: +49-211-938-5360
GSM: +49-178-782-6226

More information about the Zope-CMF mailing list