History: SimpleStyleDev
Preview of version: 44
- Where are we?
Current style templates and css files are too complicated, mostly using tables for layout and so many unnecessary different classes and IDs, which isn't easy to modify or understand, sometimes displays wrong, disallow user to change font size in some browsers, the page structure is designed against usability and accessibility. - Where do we want to be?
We want to create simple, easy understandable style with only necessary id's and classes in xhtml strict compliant templates layout with simple css file, while still producing pleasant look'n'feel and which will be compatible with most available modern browsers (Mozilla 1+/Netscape7+, MSIE 5+, Opera 7+, Konqueror 3+, Safari, ...), yet browseable without css by some CLI or "stone age" browsers. - Who is working on what? (Priorities/goals/majors issues/roles)
- luci
- Priorities:
- one simple css file
- perfect code
- Goals:
- pure CSS layout and valid XHTML 1.0 Strict templates which can be used as a model for other themes and maybe even replace the default tpl files for 1.8
- Role: developer - coordinator
- Priorities:
- luci
- CSS for tables and fancy tables
- CSS for calendar
- CSS for forums
- CSS to fix appearance of input fields
- Identify problematic code in style.css & Simple Style templates
- ...add others
- Define width of center column (for lack of a better word)
- CSS for titlebars in wiki pages
Who is working here generally? Link UserPage.
link yourself here
- Bugs
- some input fields and textareas overflows into right column
- add more
- RFEs
- tech support
- patches
We (actualy me, luci 😉) decided to use the technique of "source ordered floats" by Big John for the best flexibility of Simple style!
Similar purpose and/or pretty well structured and coded styles in Tiki:
- StylesMatrix and 'Notheme' style series (read more about it)
All other styles than Simple have got their own bugs:
- Styles not working on MSIE6 - tiki1.7 : StylesAkwa, StylesGeo, StylesMatrix, StylesMatrixlight, StylesMose, StylesNotheme, StylesNotheme.II, StylesNotheme.III
- tiki 1.7.1.1: All styles except moreneat, neat, olive, and Subsilver ( StylesMoreneat , StylesNeat , StylesOlive , StylesSubsilver ) have obvious display problems on IE 5.2 and Safari (OS X.2). The most prevalent problem is that boxes that should be below text overlap the bottom of lines. This bug shows in screenshots from other OSs as well.
Before you think it's a "mystery bug", read this! luci
Where Simple style files are located:
- Templates: templates/styles/simple/*
- CSS file: styles/simple.css
For MSIE5/win (MSIE6?), there is the broken box model - known problem about the Microsoft box interpretation: they consider the width of a box is the width of the content. The standard considers that the width is the entire box except margin (=content+padding+border).
A method to correct it is the Tantek method: do not use padding and size at the same time (see for example box model hack and another one).
In any case, we have to correct the tiki templates and take away the width in the css to apply these hacks. (it's false to take away the width in every css file. it depends on the style (fixed/floating layout) and needs to be cared specifically. luci)
Pure CSS layout techniques:
- http://glish.com/css/ : 3 columns example manages 3 columns with no table.
- http://www.alistapart.com/stories/practicalcss/ proposes to use the float attribute.
- The Layout Reservoir : Flanking Menus - 3 columns layout
- Another great resource: Position Is Everything
- Ultimate list of pure CSS layouts: http://css-discuss.incutio.com/?page=ThreeColumnLayouts
- CSS Positioning (particularly floating): http://www.brainjar.com/css/positioning/default3.asp