DevDocs/Layout: ie-vertical.html

File ie-vertical.html, 1.8 kB (added by Jouni Koivuviita, 11 months ago)

Vertical OrderedLayout? implemtation proto for IE.

Line 
1<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
2   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
3<html>
4<head>
5<title>Layout Proto - vertical in standards compliant browsers</title>
6<style type="text/css">
7body, html {
8        height: 100%;
9        background: white;
10        margin:0;
11}
12</style>
13</head>
14<body>
15
16<div style="background:#d5dae4; height:100%; width:100%; overflow:hidden;">
17 <div style="background:#7988a8; height:expression((this.parentNode.offsetHeight-30-20)/3); margin: 15px 15px 0 15px; 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 Lore</div>
18 <div style="background:#2f4071; height:expression((this.parentNode.offsetHeight-30-20)/3); margin: 10px 15px 0 15px; overflow:hidden;">Dolor sit amet</div>
19 <div style="background:#091e58; height:expression((this.parentNode.offsetHeight-30-20)/3); margin: 10px 15px 0 15px; overflow:hidden;"><button>Click Me</button></div>
20</div>
21
22</body>
23</html>