overflow-hidden.html (5148B)
1 <!DOCTYPE HTML> 2 <html><head> 3 <meta charset="utf-8"> 4 <title>Testcase for bug 971933</title> 5 <style type="text/css"> 6 html,body { 7 color:black; background-color:white; font-size:16px; 8 } 9 #f0 div::before { content: "f0"; } 10 #f1 div::before { content: "f1"; } 11 #f2 div::before { content: "f2"; } 12 #f3 div::before { content: "f3"; } 13 #f4 div::before { content: "f4"; } 14 #f5 div::before { content: "f5"; } 15 #f6 div::before { content: "f6"; } 16 #f7 div::before { content: "f7"; } 17 #f8 div::before { content: "f8"; } 18 #f9 div::before { content: "f9"; } 19 20 legend { background:pink; height:30px; } 21 div { background:yellow; height:100px; } 22 fieldset { 23 border-width:0; 24 padding:0; 25 margin:0; 26 margin-top:6px; 27 outline:1px dotted black; 28 height:15px; 29 overflow:hidden; 30 background:grey; 31 32 padding-bottom:3px; 33 padding-top:5px; 34 border:1px solid blue; 35 border-top-width:7px; 36 } 37 38 #f1 {} 39 #f2 { border-top-width:0; } 40 #f3 { border-width:0; } 41 #f4 { border-bottom-width:0; } 42 #f5 { border-width:0; padding:0; } 43 #f6 { border-width:0; padding-bottom:0; } 44 #f7 { border-width:0; padding-top:0; } 45 #f8 { padding-top:0; } 46 #f9 { padding-bottom:0; } 47 #f0 { padding:0; } 48 49 #c2 fieldset { height:29px; } 50 51 #c3 fieldset { height:39px; } 52 53 #c4 fieldset { height:29px; } 54 #c4 legend { height: 20px; } 55 56 #c5 legend { height:21px; } 57 #c5 fieldset { border-top-width:31px; } 58 59 .col { float:left; width:10ch; margin-left:6px; } 60 </style> 61 </head> 62 <body> 63 <span id=c1 class=col>C1 64 <fieldset id=f1><legend>LEGEND</legend><div></div></fieldset> 65 <fieldset id=f2><legend>LEGEND</legend><div></div></fieldset> 66 <fieldset id=f3><legend>LEGEND</legend><div></div></fieldset> 67 <fieldset id=f4><legend>LEGEND</legend><div></div></fieldset> 68 <fieldset id=f5><legend>LEGEND</legend><div></div></fieldset> 69 <fieldset id=f6><legend>LEGEND</legend><div></div></fieldset> 70 <fieldset id=f7><legend>LEGEND</legend><div></div></fieldset> 71 <fieldset id=f8><legend>LEGEND</legend><div></div></fieldset> 72 <fieldset id=f9><legend>LEGEND</legend><div></div></fieldset> 73 <fieldset id=f0><legend>LEGEND</legend><div></div></fieldset> 74 </span> 75 <span id=c2 class=col>C2 76 <fieldset id=f1><legend>LEGEND</legend><div></div></fieldset> 77 <fieldset id=f2><legend>LEGEND</legend><div></div></fieldset> 78 <fieldset id=f3><legend>LEGEND</legend><div></div></fieldset> 79 <fieldset id=f4><legend>LEGEND</legend><div></div></fieldset> 80 <fieldset id=f5><legend>LEGEND</legend><div></div></fieldset> 81 <fieldset id=f6><legend>LEGEND</legend><div></div></fieldset> 82 <fieldset id=f7><legend>LEGEND</legend><div></div></fieldset> 83 <fieldset id=f8><legend>LEGEND</legend><div></div></fieldset> 84 <fieldset id=f9><legend>LEGEND</legend><div></div></fieldset> 85 <fieldset id=f0><legend>LEGEND</legend><div></div></fieldset> 86 </span> 87 <span id=c3 class=col>C3 88 <fieldset id=f1><legend>LEGEND</legend><div></div></fieldset> 89 <fieldset id=f2><legend>LEGEND</legend><div></div></fieldset> 90 <fieldset id=f3><legend>LEGEND</legend><div></div></fieldset> 91 <fieldset id=f4><legend>LEGEND</legend><div></div></fieldset> 92 <fieldset id=f5><legend>LEGEND</legend><div></div></fieldset> 93 <fieldset id=f6><legend>LEGEND</legend><div></div></fieldset> 94 <fieldset id=f7><legend>LEGEND</legend><div></div></fieldset> 95 <fieldset id=f8><legend>LEGEND</legend><div></div></fieldset> 96 <fieldset id=f9><legend>LEGEND</legend><div></div></fieldset> 97 <fieldset id=f0><legend>LEGEND</legend><div></div></fieldset> 98 </span> 99 <span id=c4 class=col>C4 100 <fieldset id=f1><legend>LEGEND</legend><div></div></fieldset> 101 <fieldset id=f2><legend>LEGEND</legend><div></div></fieldset> 102 <fieldset id=f3><legend>LEGEND</legend><div></div></fieldset> 103 <fieldset id=f4><legend>LEGEND</legend><div></div></fieldset> 104 <fieldset id=f5><legend>LEGEND</legend><div></div></fieldset> 105 <fieldset id=f6><legend>LEGEND</legend><div></div></fieldset> 106 <fieldset id=f7><legend>LEGEND</legend><div></div></fieldset> 107 <fieldset id=f8><legend>LEGEND</legend><div></div></fieldset> 108 <fieldset id=f9><legend>LEGEND</legend><div></div></fieldset> 109 <fieldset id=f0><legend>LEGEND</legend><div></div></fieldset> 110 </span> 111 <span id=c5 class=col>C5 112 <fieldset id=f1><legend>LEGEND</legend><div></div></fieldset> 113 <fieldset id=f2><legend>LEGEND</legend><div></div></fieldset> 114 <fieldset id=f3><legend>LEGEND</legend><div></div></fieldset> 115 <fieldset id=f4><legend>LEGEND</legend><div></div></fieldset> 116 <fieldset id=f5><legend>LEGEND</legend><div></div></fieldset> 117 <fieldset id=f6><legend>LEGEND</legend><div></div></fieldset> 118 <fieldset id=f7><legend>LEGEND</legend><div></div></fieldset> 119 <fieldset id=f8><legend>LEGEND</legend><div></div></fieldset> 120 <fieldset id=f9><legend>LEGEND</legend><div></div></fieldset> 121 <fieldset id=f0><legend>LEGEND</legend><div></div></fieldset> 122 </span> 123 124 </body> 125 </html>