Changeset 88
- Timestamp:
- 04/11/06 09:44:58 (3 years ago)
- Files:
-
- trunk/framework/core/cols-equal.css (modified) (1 diff)
- trunk/framework/core/navpri-horizontal.css (modified) (3 diffs)
- trunk/test/index.htm (modified) (4 diffs)
Legend:
- Unmodified
- Added
- Removed
- Modified
- Copied
- Moved
trunk/framework/core/cols-equal.css
r76 r88 22 22 #nav-pri, 23 23 #nav-sec { margin-bottom: -30000px; padding-bottom: 30000px;} 24 25 24 #content_wrapper{ position: relative;} /*needed by IE if using navpri-horizontal*/ 25 #content { overflow:hidden;} /*needed by FF+IE if not using navpri-horizontal, has to be undone if using navpri-horizontal*/ 26 26 #nav-pri { position: relative;} /*needed by FF if not using navpri-horizontal, avoids navpri to disappear*/ 27 27 trunk/framework/core/navpri-horizontal.css
r76 r88 24 24 #content_wrapper { overflow:hidden;} /*cutting columns*/ 25 25 /*for Opera*/ 26 26 #content, 27 27 [dummy="dummy"] { display: block;} /*avoid navpri to disappear*/ 28 28 #nav-pri:after, … … 33 33 34 34 /*undos*/ 35 35 #nav-pri { clear: both;} /*avoid navpri to disappear under IE, has an unwanted side-effect on default positionning of nav-lang (wrongly affected by the clearing under IE) */ 36 36 * html #nav-pri, 37 37 #nav-pri, … … 50 50 51 51 /*LAYOUT*/ 52 * html #nav-pri 53 #nav-pri 52 * html #nav-pri { position: absolute; } 53 #nav-pri { position: absolute; width: 100%; left: 0; top: 0;} 54 54 #nav-pri .wrapper { position: absolute; width: 100%; left: 0; bottom: 0;} 55 55 #nav-pri li { float: left; display: inline;} trunk/test/index.htm
r61 r88 78 78 79 79 <div id="cols"> 80 81 82 80 <div id="col1"> 81 <p>1 Ridiculus Vestibulum pulvinar a euismod a elit Nulla hendrerit vestibulum orci. Morbi Vestibulum iaculis tempor pellentesque elit sed volutpat pretium urna tincidunt. Dapibus condimentum velit tempus eu eget ut massa at consectetuer Donec. Nunc at tellus ullamcorper sed Ut est quis Quisque augue eros. Leo elit eros Nulla et urna Nam at ligula et justo. </p> 82 </div> 83 83 <div id="col2"> 84 84 <p>2 Orci Nam lacinia ligula porta habitasse Sed et lacinia lacinia eros. Tincidunt Curabitur quis nibh porttitor neque a congue dolor vel sit. Lorem fermentum tristique Phasellus elit sit porttitor consequat condimentum libero vel. Laoreet Vestibulum nec sem ultrices Sed tempor tortor auctor et suscipit. Augue purus elit pede laoreet pretium interdum eu nulla.</p> 85 85 <p>Ridiculus Vestibulum pulvinar a euismod a elit Nulla hendrerit vestibulum orci. Morbi Vestibulum iaculis tempor pellentesque elit sed volutpat pretium urna tincidunt. Dapibus condimentum velit tempus eu eget ut massa at consectetuer Donec. Nunc at tellus ullamcorper sed Ut est quis Quisque augue eros. Leo elit eros Nulla et urna Nam at ligula et justo. </p> 86 86 </div> 87 87 <div id="col3"> 88 88 … … 141 141 </form> 142 142 143 143 </div> 144 144 </div> 145 145 <p>Lorem ipsum dolor sit <a href="#">amet</a> consectetuer tortor porta elit lacinia Vivamus. Nulla convallis a pede nascetur dolor ridiculus Sed at Nam malesuada. Feugiat Ut consequat eros mi nunc eros sociis ut justo metus. Et In elit sed pretium vitae Nam auctor mus habitasse ac. Velit et Vestibulum eu Nunc lobortis Mauris vel leo nec adipiscing. </p> 146 146 <p>Orci Nam lacinia ligula porta habitasse Sed et lacinia lacinia eros. Tincidunt Curabitur quis nibh porttitor neque a congue dolor vel sit. Lorem fermentum tristique Phasellus elit sit porttitor consequat condimentum libero vel. Laoreet Vestibulum nec sem ultrices Sed tempor tortor auctor et suscipit. Augue purus elit pede laoreet pretium interdum eu nulla.</p> 147 147 <p>Ridiculus Vestibulum pulvinar a euismod a elit Nulla hendrerit vestibulum orci. Morbi Vestibulum iaculis tempor pellentesque elit sed volutpat pretium urna tincidunt. Dapibus condimentum velit tempus eu eget ut massa at consectetuer Donec. Nunc at tellus ullamcorper sed Ut est quis Quisque augue eros. Leo elit eros Nulla et urna Nam at ligula et justo. </p> 148 148 <p>Eu nulla semper id ridiculus id ligula id Sed Vivamus Curabitur. Habitant quis aliquam adipiscing pretium enim dapibus Curabitur laoreet at quis. Nunc adipiscing condimentum id netus fringilla ligula lacus faucibus ac et. Nibh quis massa Fusce Vestibulum laoreet congue et enim orci Vivamus. Lacus tempor quis dolor Curabitur iaculis volutpat vitae congue orci nibh. Egestas neque sem pretium Sed lacinia non Curabitur id laoreet convallis. Justo quis.</p> 149 149 </div> 150 150 </div> 151 151 … … 154 154 <h2 class="accessibility">Additionnal content</h2> 155 155 <p>Lorem ipsum dolor sit <a href="#">amet</a> consectetuer tortor porta elit lacinia Vivamus. Nulla convallis a pede nascetur dolor ridiculus Sed at Nam malesuada. Feugiat Ut consequat eros mi nunc eros sociis ut justo metus. Et In elit sed pretium vitae Nam auctor mus habitasse ac. Velit et Vestibulum eu Nunc lobortis Mauris vel leo nec adipiscing. </p> 156 156 </div> 157 157 </div> 158 158 … … 255 255 <div id="footer"> 256 256 <div class="wrapper"> 257 258 257 <p>[Footer]</p> 258 </div> 259 259 </div> 260 260
