Details
-
Type:
Improvement
-
Status:
Open
-
Priority:
Major
-
Resolution: Unresolved
-
Affects Version/s: 1.9.1, 2.0
-
Fix Version/s: STABLE backlog
-
Component/s: Accessibility, Blocks, Forms Library, General, Themes
-
Labels:
-
Affected Branches:MOODLE_19_STABLE, MOODLE_20_STABLE
Description
Currently Moodle uses tables to generate the page layout. While they do appear to work, tables are not intended for page layout, and divs offer more flexibility and customization with the evolving web standards.
The proposed solution is to replace the layout table with floating divs.
A container div is required, with margins on both sides set to the block width (these margins can be optional based on whether there are blocks on the page or not). The left column would be stored as a floating div, followed by the right column, followed by the actual content for the centre.
This system has already been tested with 1.9 on our production site: http://www.thomashaney.ca/
The main issues are that it would require a rewrite of many themes. With that in mind, it would be best to mark it for 2.0 rather than 1.9.x so as to not break existing themes.
I can provide a patch for the standard theme .css files and the index.php as an example.
Issue Links
| This issue will be resolved by: | ||||
| MDL-9306 | Main course formats need to have tables removed but keep AJAX working |
|
|
|
Hi Darryl,
thanks a lot for sharing your experiences here. I think there is one ongoing task about replacing table layouts, in fact, since some weeks ago, the main course pages are 100% free from "layout-tables".
As you know there are a lot of parts involved (themes, core functions...) and I think it's very important to have all the info properly compiled before deciding anything.
I'm reassigning this to Martin, to let him know about your progresses while he decides about the best way to address this problem for 2.0.
Thanks and ciao