History: LayoutDivOrTable

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.