379349-1b.xhtml (1660B)
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <title>CSS3 Multi-column Layout Test Suite: Overflow Pagination (Multiple)</title> 5 <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/> 6 <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-height-property"/> 7 <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#length-units"/> 8 <style type="text/css"> 9 .container { 10 height: 24pt; 11 background: red; 12 } 13 .overflow { 14 height: 5in; 15 border: 2pt silver solid; 16 border-top: none; 17 border-bottom: solid 10px red; 18 } 19 #following { 20 margin: -72pt 0; 21 height: 72pt; 22 background: white; 23 border: 2pt black; 24 border-style: none solid; 25 26 font-size: 10pt; 27 line-height: 10pt; 28 color: blue; 29 } 30 .no2 .overflow { 31 height: 4.66667in; 32 } 33 .no3 .overflow { 34 height: 4.33333in; 35 border-bottom-color: blue; 36 } 37 body { 38 height: 2in; 39 width: 300pt; 40 column-width: 100pt; 41 column-gap: 0; 42 border: solid gray; 43 } 44 </style> 45 </head> 46 <body> 47 <div class="container no1"> 48 <div class="overflow"> 49 </div> 50 </div> 51 <div class="container no2"> 52 <div class="overflow"> 53 </div> 54 </div> 55 <div class="container no3"> 56 <div class="overflow"> 57 </div> 58 </div> 59 <p id="following"> 60 This paragraph must be in the first column. 61 There must be no red. There must be a blue 62 horizontal line in middle of the third 63 column. 64 </p> 65 </body> 66 </html>