History: LayoutDivOrTable
Preview of version: 3
A general layout for Tiki : Table / Div / Hybrid ?
Appendix to SimpleStyleDev
Tiki usually uses a representation 1 top, 3 columns, 1bottom :
{MONO(font=>Courier}TTTTTTTTTTTTTTTTTTT
LLL CCCCCCCCC RRR
LLL CCCCCCCCC RRR
LLL CCCCCCCCC
CCCCCCCCC
BBBBBBBBBBBBBBBBB{MONO}
Of course this representation can be changed to ... everything that has a least 1 modules container and 1 data container...
Actually, in Tiki we can find 2 groups of layout:
- those that use tables and div. Ex: moreneat, codex
- those that use only div. Ex: matrix
The css , Xhtml directives ask to use only divs.
To represent the 3 columns, I (sylvie) knows 2 methods
- position
- float
You can find the a div html test : http://tikiwiki.org/tiki-download_file.php?fileId=29
a position css: http://tikiwiki.org/tiki-download_file.php?fileId=30
a float css : http://tikiwiki.org/tiki-download_file.php?fileId=31
A position css (solution chosen by matrix)
- THe problem with this solution is that I (sylvie) don't find the way to position the bottom. The bottom follows the not absolute colum. But if one of the absolute column is higher, there is a problem
So the only solution I found for the moment (solution chosen by matrix) is the reduce the widht of the bottom to the not abolute column.
- Another problem occurs when the center column is too large to fit in the window. I didn't find a way to push the right column
A float solution
- the problem is when you reduce the window size, the columns go each under them
- I didn't find a way to expand the size of the center column at the maximum.
History
| Information | Version | |||||
|---|---|---|---|---|---|---|
| drsassafras Mass search and replace | 11 | |||||
| drsassafras Mass search and replace | 10 | |||||
| Gary Cunningham-Lee | 9 | |||||
| sylvie greverend | 8 | |||||
| sylvie greverend | 7 | |||||
| Opdekamp Willy Typo | 6 | |||||
| sylvie greverend | 4 | |||||
| sylvie greverend | 3 | |||||
| sylvie greverend | 2 | |||||