DevDocs/Layout: ie-horizontal.html

File ie-horizontal.html, 1.1 kB (added by Jouni Koivuviita, 11 months ago)
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)); width:expression((this.parentNode.offsetWidth-30-20)/3); margin:15px 0 0 15px; float: left; display:inline; overflow:hidden;">Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem</div>
18 <div style="background:#2f4071; height:expression((this.parentNode.offsetHeight-30)); width:expression((this.parentNode.offsetWidth-30-20)/3); margin:15px 0 0 10px; float: left; display:inline; overflow:hidden;">Dolor sit amet</div>
19 <div style="background:#091e58; height:expression((this.parentNode.offsetHeight-30)); width:expression((this.parentNode.offsetWidth-30-20)/3); margin:15px 0 0 10px; float: left; display:inline; overflow:hidden;"><button>Click Me</button></div>
20</div>
21
22</body>
23</html>