Ticket #6011: test.html

File test.html, 1.2 KB (added by mmahoney, 12 years ago)

HTML file with simple test case

Line 
1<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2<html xmlns="http://www.w3.org/1999/xhtml">
3<head>
4        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
5        <title></title>
6        <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.4/themes/base/jquery.ui.all.css" rel="stylesheet" type="text/css" />
7        <style type="text/css">
8       
9        div#header{
10                background: green;
11                height: 100px;
12        }
13
14        div#test{
15                background: blue;
16                height: 300px;
17        }
18
19        div#positionThis{
20                background: red;
21                height: 75px;
22                /* width: 100%; */
23                position: absolute;
24        }
25
26        </style>
27</head>
28<body>
29
30<div id="header"></div>
31
32<div id="test">
33        stuff in here
34</div>
35
36<div id="positionThis">
37        more stuff in here
38</div>
39
40
41<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
42<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.4/jquery-ui.min.js"></script>
43<script type="text/javascript">
44
45$(function() {
46
47        $("#positionThis").position({
48          my: "left top",
49          at: "left bottom",
50          of: "#test"
51        });
52
53});
54
55</script>
56</body>
57</html>