Skip to content
This repository

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Newer
Older
100644 77 lines (63 sloc) 2.282 kb
08dbcc80 » Jason Johnston
2010-06-01 Add test case for issue #14 courtesy of Gordon Brander.
1 <!DOCTYPE html>
2
3 <html lang="en">
4 <head>
5 <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
6 <title>CSS3 PIE Margin Test</title>
7
8 <meta name="robots" content="noindex, nofollow" />
9
10 <style type="text/css" media="screen">
11 .box {
12 -moz-border-radius: 5px; /* FF1+ */
13 -webkit-border-radius: 5px; /* Saf3+, Chrome */
14 -khtml-border-radius: 5px; /* Konqueror */
15 border-radius: 5px; /* Standard. IE9 */
16
17 margin: 20px 0;
18 overflow: hidden;
19 }
20 .inside {
21 background: #fff;
22 -moz-border-radius: 5px; /* FF1+ */
23 -webkit-border-radius: 5px; /* Saf3+, Chrome */
24 -khtml-border-radius: 5px; /* Konqueror */
25 border-radius: 5px; /* Standard. IE9 */
26 margin: 20px;
27 }
28
29 #test {
30 behavior: url(../build/PIE.htc);
31 background: red;
32 }
33
34 #test .inside {
35 behavior: url(../build/PIE.htc);
36 }
37
38 #test2 {
39 background: red;
fb0db575 » Jason Johnston
2010-06-01 Update test document to remove text about how the tests were previous…
40 position: relative;
08dbcc80 » Jason Johnston
2010-06-01 Add test case for issue #14 courtesy of Gordon Brander.
41 }
42 #test2 .inside {
43 behavior: url(../build/PIE.htc);
44 }
45
46 #control {
47 behavior: url(../build/PIE.htc);
48 background: green;
49 }
50
51 </style>
52 </head>
53 <body>
54 <h1>Margin/Overflow Treatment with PIE</h1>
55
56 <p>These boxes have <code>overflow:hidden</code>. Inside is a <code>div</code> with margin. The expected behavior is for that margin not to collapse (because of the overflow setting).</p>
fb0db575 » Jason Johnston
2010-06-01 Update test document to remove text about how the tests were previous…
57
08dbcc80 » Jason Johnston
2010-06-01 Add test case for issue #14 courtesy of Gordon Brander.
58 <div id="test" class="box">
59 <div class="inside">
fb0db575 » Jason Johnston
2010-06-01 Update test document to remove text about how the tests were previous…
60 This box has PIE on the outside and the inside. This box should be spaced 20px on all sides.
08dbcc80 » Jason Johnston
2010-06-01 Add test case for issue #14 courtesy of Gordon Brander.
61 </div><!--/inside-->
62 </div><!--/test-->
63
64 <div id="test2" class="box">
65 <div class="inside">
fb0db575 » Jason Johnston
2010-06-01 Update test document to remove text about how the tests were previous…
66 This box has PIE on the inside only. This box should be spaced 20px on all sides.
08dbcc80 » Jason Johnston
2010-06-01 Add test case for issue #14 courtesy of Gordon Brander.
67 </div><!--/inside-->
68 </div><!--/test2-->
69
70
71 <div id="control" class="box">
72 <div class="inside">
fb0db575 » Jason Johnston
2010-06-01 Update test document to remove text about how the tests were previous…
73 This box has PIE on the outside, but not on the inside.
08dbcc80 » Jason Johnston
2010-06-01 Add test case for issue #14 courtesy of Gordon Brander.
74 </div><!--/test2-->
75 </div><!--/test-->
76 </body>
77 </html>
Something went wrong with that request. Please try again.