DevDocs/Layout: std-horizontal.html

File std-horizontal.html, 1.8 kB (added by Jouni Koivuviita, 11 months ago)
Line 
1<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
2<html>
3<head>
4<title>Layout Proto</title>
5<style type="text/css">
6body, html {
7        height: 100%;
8        background: white;
9        margin:0; padding:0;
10}
11</style>
12</head>
13<body>
14<div style="background:#d5dae4; position:relative; height:100%; width:100%; overflow:hidden;">
15 <div style="position:absolute; top:15px; bottom: 15px; left:15px; right:15px;">
16  <div style="background:#7988a8; position:absolute; left: 0; height: 100%; width:33.3%; overflow:hidden;">LoreLoremLoremLoreLoremLorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem LoremLorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem LoreLoreLoremLoremLoreLoremLorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem LoremLorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem LoreLoreLoremLoremLoreLoremLorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem LoremLorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem LoreLoreLoremLoremLoreLoremLorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem LoremLorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem</div>
17  <div style="background:#2f4071; position:absolute; left: 33.3%; height: 100%; width:33.3%; overflow:hidden;">Dolor sit amet</div>
18  <div style="background:#091e58; position:absolute; left: 66.6%; right:0; height: 100%; overflow:hidden;"><button>Click Me</button></div>
19 </div>
20</div>
21
22
23</body>
24</html>