layout/reftests/forms/fieldset/overflow-hidden-ref.html

   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; overflow:hidden; }
  22 fieldset {
  23     border-width:0;
  24     padding:0;
  25     margin:0;
  26     margin-top:6px;
  27     outline:1px dotted black;
  28     height:auto;
  29     background:grey;
  30
  31     padding-bottom:0px;
  32     padding-top:5px;
  33     border:1px solid blue;
  34     border-top-width:7px;
  35 }
  36
  37 #f1 { }
  38 #f2 { border-top-width:0; }
  39 #f3 { border-width:0; }
  40 #f4 { border-bottom-width:0; }
  41 #f5 { border-width:0; padding:0; }
  42 #f6 { border-width:0; padding-bottom:0; }
  43 #f7 { border-width:0; padding-top:0; }
  44 #f8 { padding-top:0; }
  45 #f9 { padding-bottom:0; }
  46 #f0 { padding:0; }
  47
  48 #c2 fieldset { height:29px; }
  49
  50 #c3 fieldset { height:39px; }
  51
  52 #c4 fieldset { height:29px; }
  53 #c4 legend { height: 20px; }
  54
  55 #c5 legend { height:21px; }
  56 #c5 fieldset { border-top-width:31px; }
  57
  58 .col { float:left; width:10ch; margin-left:6px; }
  59
  60 #c1 div { height:3px; } #c1 #f6 div, #c1 #f9 div, #c1 #f0 div { height:0; }
  61 #c1 #f5 div { height:0px; }
  62
  63 #c2 div { height:9px; }
  64   #c2 #f1 { padding-bottom:3px; } #c2 #f1 div { height:9px;}
  65   #c2 #f2 { padding-bottom:3px; } #c2 #f2 div { height:3px; }
  66   #c2 #f3 { padding-bottom:3px; } #c2 #f3 div { height:3px; }
  67   #c2 #f4 { padding-bottom:3px; }
  68   #c2 #f5 div { height:0; }
  69   #c2 #f6 div { height:0; }
  70   #c2 #f7 { padding-bottom:3px; } #c2 #f7 div { height:3px; }
  71   #c2 #f8 { padding-bottom:3px; } #c2 #f8 div { height:9px; }
  72   #c2 #f9 div { height:6px; }
  73   #c2 #f0 div { height:6px; }
  74
  75 #c3 fieldset { padding-bottom:3px; }
  76   #c3 #f1 div { height:19px; }
  77   #c3 #f2 div { height:12px; }
  78   #c3 #f3 div { height:12px; }
  79   #c3 #f4 div { height:19px; }
  80   #c3 #f5 { padding-bottom:0; } #c3 #f5 div { height:9px; }
  81   #c3 #f6 { padding-bottom:0; } #c3 #f6 div { height:9px; }
  82   #c3 #f7 div { height:12px; }
  83   #c3 #f8 div { height:19px; }
  84   #c3 #f9 { padding-bottom:0; } #c3 #f9 div { height:16px; }
  85   #c3 #f0 { padding-bottom:0; } #c3 #f0 div { height:16px; }
  86
  87 #c4 fieldset { padding-bottom:3px; }
  88   #c4 #f1 div { height:19px; }
  89   #c4 #f2 div { height:12px; }
  90   #c4 #f3 div { height:12px; }
  91   #c4 #f4 div { height:19px; }
  92   #c4 #f5 { padding-bottom:0; } #c4 #f5 div { height:9px; }
  93   #c4 #f6 { padding-bottom:0; } #c4 #f6 div { height:9px; }
  94   #c4 #f7 div { height:12px; }
  95   #c4 #f8 div { height:19px; }
  96   #c4 #f9 { padding-bottom:0; } #c4 #f9 div { height:16px; }
  97   #c4 #f0 { padding-bottom:0; } #c4 #f0 div { height:16px; }
  98
  99   #c5 #f1 div { height:18px; }
 100   #c5 #f2 div { height:18px; }
 101   #c5 #f3 div { height:18px; }
 102   #c5 #f4 div { height:18px; }
 103   #c5 #f5 div { height:15px; }
 104   #c5 #f6 div { height:15px; }
 105   #c5 #f7 div { height:18px; }
 106   #c5 #f8 div { height:18px; }
 107   #c5 #f9 div { height:15px; }
 108   #c5 #f0 div { height:15px; }
 109
 110 </style>
 111 </head>
 112 <body>
 113 <span id=c1 class=col>C1
 114         <fieldset id=f1><legend>LEGEND</legend><div></div></fieldset>
 115         <fieldset id=f2><legend>LEGEND</legend><div></div></fieldset>
 116         <fieldset id=f3><legend>LEGEND</legend><div></div></fieldset>
 117         <fieldset id=f4><legend>LEGEND</legend><div></div></fieldset>
 118         <fieldset id=f5><legend>LEGEND</legend><div></div></fieldset>
 119         <fieldset id=f6><legend>LEGEND</legend><div></div></fieldset>
 120         <fieldset id=f7><legend>LEGEND</legend><div></div></fieldset>
 121         <fieldset id=f8><legend>LEGEND</legend><div></div></fieldset>
 122         <fieldset id=f9><legend>LEGEND</legend><div></div></fieldset>
 123         <fieldset id=f0><legend>LEGEND</legend><div></div></fieldset>
 124 </span>
 125 <span id=c2 class=col>C2
 126         <fieldset id=f1><legend>LEGEND</legend><div></div></fieldset>
 127         <fieldset id=f2><legend>LEGEND</legend><div></div></fieldset>
 128         <fieldset id=f3><legend>LEGEND</legend><div></div></fieldset>
 129         <fieldset id=f4><legend>LEGEND</legend><div></div></fieldset>
 130         <fieldset id=f5><legend>LEGEND</legend><div></div></fieldset>
 131         <fieldset id=f6><legend>LEGEND</legend><div></div></fieldset>
 132         <fieldset id=f7><legend>LEGEND</legend><div></div></fieldset>
 133         <fieldset id=f8><legend>LEGEND</legend><div></div></fieldset>
 134         <fieldset id=f9><legend>LEGEND</legend><div></div></fieldset>
 135         <fieldset id=f0><legend>LEGEND</legend><div></div></fieldset>
 136 </span>
 137 <span id=c3 class=col>C3
 138         <fieldset id=f1><legend>LEGEND</legend><div></div></fieldset>
 139         <fieldset id=f2><legend>LEGEND</legend><div></div></fieldset>
 140         <fieldset id=f3><legend>LEGEND</legend><div></div></fieldset>
 141         <fieldset id=f4><legend>LEGEND</legend><div></div></fieldset>
 142         <fieldset id=f5><legend>LEGEND</legend><div></div></fieldset>
 143         <fieldset id=f6><legend>LEGEND</legend><div></div></fieldset>
 144         <fieldset id=f7><legend>LEGEND</legend><div></div></fieldset>
 145         <fieldset id=f8><legend>LEGEND</legend><div></div></fieldset>
 146         <fieldset id=f9><legend>LEGEND</legend><div></div></fieldset>
 147         <fieldset id=f0><legend>LEGEND</legend><div></div></fieldset>
 148 </span>
 149 <span id=c4 class=col>C4
 150         <fieldset id=f1><legend>LEGEND</legend><div></div></fieldset>
 151         <fieldset id=f2><legend>LEGEND</legend><div></div></fieldset>
 152         <fieldset id=f3><legend>LEGEND</legend><div></div></fieldset>
 153         <fieldset id=f4><legend>LEGEND</legend><div></div></fieldset>
 154         <fieldset id=f5><legend>LEGEND</legend><div></div></fieldset>
 155         <fieldset id=f6><legend>LEGEND</legend><div></div></fieldset>
 156         <fieldset id=f7><legend>LEGEND</legend><div></div></fieldset>
 157         <fieldset id=f8><legend>LEGEND</legend><div></div></fieldset>
 158         <fieldset id=f9><legend>LEGEND</legend><div></div></fieldset>
 159         <fieldset id=f0><legend>LEGEND</legend><div></div></fieldset>
 160 </span>
 161 <span id=c5 class=col>C5
 162         <fieldset id=f1><legend>LEGEND</legend><div></div></fieldset>
 163         <fieldset id=f2><legend>LEGEND</legend><div></div></fieldset>
 164         <fieldset id=f3><legend>LEGEND</legend><div></div></fieldset>
 165         <fieldset id=f4><legend>LEGEND</legend><div></div></fieldset>
 166         <fieldset id=f5><legend>LEGEND</legend><div></div></fieldset>
 167         <fieldset id=f6><legend>LEGEND</legend><div></div></fieldset>
 168         <fieldset id=f7><legend>LEGEND</legend><div></div></fieldset>
 169         <fieldset id=f8><legend>LEGEND</legend><div></div></fieldset>
 170         <fieldset id=f9><legend>LEGEND</legend><div></div></fieldset>
 171         <fieldset id=f0><legend>LEGEND</legend><div></div></fieldset>
 172 </span>
 173
 174 </body>
 175 </html>