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">
4 <title>Multi-column Layout: AbsPos Pagination (Interlaced)
</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">
20 border-bottom: lime
4px solid
;
26 font-family: sans-serif
;
39 border-style: none solid
;
43 border-top: 4px solid red
;
92 .b4 { /* 1st col, but no border */
97 .b4 .child1 { /* 1st col */
103 .b4 .child2 { /* 3rd col */
155 <div class=
"ocontainer">
156 <div class=
"overflow o1"></div>
158 <div class=
"container">
159 <div class=
"overflow a1"></div>
160 <div class=
"overflow a2"></div>
161 <div class=
"overflow a3"></div>
162 <div class=
"overflow a4"></div>
164 <div class=
"container">
165 <div class=
"overflow b1"></div>
166 <div class=
"overflow b2"></div>
167 <div class=
"overflow b3"></div>
168 <div class=
"overflow b4">
169 <div class=
"overflow child1"></div>
170 <div class=
"overflow child2"></div>
172 <div class=
"overflow b5"></div>
173 <div class=
"overflow b6"></div>
176 <p class=
"following f1">
177 There must be a single green line and no red.
179 <div class=
"container">
180 <div class=
"overflow c1"></div>
181 <div class=
"overflow c2"></div>
182 <div class=
"overflow c3"></div>
183 <div class=
"overflow c4"></div>
185 <div class=
"following f2"></div>
187 <div id=
"redline"></div>