when reading the Great God"s tutorial, there is a question about the "self-floating method": the sidebar should be placed in front of the main column.
in my understanding, float is detached from the normal stream (document stream), so why is its order fixed? Just like absolute, should have nothing to do with normal flow.
modify the code (floating sidebars are arranged under main)
CSS Code:
html,body{margin:0;height:100%;}
-sharpmain{height:100%;margin:0 210px;background:-sharpFFE6B8;}
-sharpleft,-sharpright{width:200px;height:100%;background:-sharpA0B3D6;}
-sharpleft{float:left;}
-sharpright{float:right;}
HTML Code:
<div id="main"></div>
<div id="left"></div>
<div id="right"></div>