layout/reftests/margin-collapsing/scrollable-vertical-margin.html

branch
TOR_BUG_9701
changeset 8
97036ab72558
equal deleted inserted replaced
-1:000000000000 0:b605f3f85a68
1 <!DOCTYPE HTML>
2 <html><head>
3 <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
4 <title>Testcase for bug 724352</title>
5 <style type="text/css">
6
7 html,body {
8 color:black; background-color:white; font-size:16px; padding:0; margin:0;
9 }
10
11 x1,x2,x3,x4,x5,x6 { display:block; }
12 </style>
13 </head>
14 <body>
15
16 <x1><x2 style="overflow:auto; background:grey; height:50px;">
17 <x3 style="margin-bottom:-10px"><x4 style="margin:20px 0; height:20px; background:lime; "></x4></x3>
18 </x2>
19 <x6 style="margin-top:10px">x</x6></x1>
20
21
22
23 <x1><x2 style="overflow:auto; background:grey; height:70px;">
24 <x3 style="margin-bottom:30px"><x4 style="margin:20px 0; height:20px; background:lime; "></x4></x3>
25 </x2>
26 <x6 style="margin-top:10px">x</x6></x1>
27
28
29
30 <x1><x2 style="overflow:auto; background:grey; height:60px;">
31 <x3 style="margin-bottom:10px"><x4 style="margin:20px 0; height:20px; background:lime; "></x4></x3>
32 </x2>
33 <x6 style="margin-top:10px">x</x6></x1>
34
35
36
37 <x1><x2 style="overflow:auto; background:grey; height:50px;">
38 <x3 style="margin-bottom:20px"><x4 style="margin:20px 0 -10px 0; height:20px; background:lime; "></x4></x3>
39 </x2>
40 <x6 style="margin-top:10px">x</x6></x1>
41
42
43
44 <x1><x2 style="overflow:auto; background:grey; height:60px;">
45 <x3 style="margin-bottom:20px"><x4 style="margin:20px 0; height:20px; background:lime; "></x4></x3>
46 </x2>
47 <x6 style="margin-top:10px">x</x6></x1>
48
49
50
51 <x1><x2 style="overflow:auto; background:grey; height:60px;">
52 <x3 style="margin-top:20px"><x4 style="margin:20px 0; height:20px; background:lime; "></x4></x3>
53 </x2>
54 <x6 style="margin-top:10px">x</x6></x1>
55
56
57
58 <x1><x2 style="overflow:auto; background:grey; height:50px;">
59 <x3 style="margin-top:-10px"><x4 style="margin:20px 0; height:20px; background:lime; "></x4></x3>
60 </x2>
61 <x6 style="margin-top:10px">x</x6></x1>
62
63
64 </body>
65 </html>

mercurial