Bug Tracker

Ticket #6684: jquery-css-bug.html

File jquery-css-bug.html, 1.2 KB (added by szajmon, 9 years ago)

demo for the bug report

Line 
1<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.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        <script src="http://ajax.microsoft.com/ajax/jQuery/jquery-1.4.2.min.js" type="text/javascript"></script>
6<title>x</title>
7<style type="text/css">
8        body { margin: 0; padding: 0; border: 0; }
9        .x {
10                background: #eee;
11                margin: 10px;
12                padding: 5px;
13        }
14       
15        .x1 {
16                position: relative;
17                /* left value not specified */
18        }
19       
20        .x2 {
21                position: absolute;
22                left: 200px;
23                /* left value specified */
24        }
25       
26        .x3 {
27                position: absolute;
28                left: 400px;
29        }
30</style>
31</head>
32
33<body>
34<div class="x x1">
35        <strong>position: static; (default)</strong>
36</div>
37
38<div class="x x2">
39        <strong>position: relative;</strong>
40</div>
41
42<div class="x x3">
43        <strong>position: absolute;</strong>
44</div>
45
46<script type="text/javascript">
47        $(".x").each(function(){
48                $(this).append('<br />$(this).css("top") > '+$(this).css("top"));
49                $(this).append('<br />$(this).position().top > '+$(this).position().top);
50                $(this).append('<br />$(this).css("left") > '+$(this).css("left"));
51        });
52</script>
53</body>
54</html>