Bug Tracker

Ticket #5987: fix.html

File fix.html, 1.0 KB (added by ilya, 12 years 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        <style>
5                body,div {
6                        padding:0;
7                        margin:0;
8                }
9                div {
10                        border:1px solid red;
11                        width:20px;
12                }
13        </style>
14        <script src="http://code.jquery.com/jquery-1.4.1.js"></script>
15        <script type="text/javascript">
16               
17                function width() {
18                        return  window.innerWidth || 
19                                        window.document.compatMode === "CSS1Compat" && window.document.documentElement.clientWidth || 
20                                        window.document.body.clientWidth;
21                }
22                function height() {
23                        return  window.innerHeight || 
24                                        window.document.compatMode === "CSS1Compat" && window.document.documentElement.clientHeight || 
25                                        window.document.body.clientHeight;
26                }
27               
28                $(function(){
29                        $(window)
30                                .resize(function(){
31                                        // subtract border width
32                                        $('div').css({ width: width() - 2, height: height() - 2 })
33                                })
34                                .resize();
35                })
36        </script>
37</head>
38<body>
39
40        <div>window.innerWidth are save us!</div>
41
42</body>
43</html>