| OLD | NEW |
| 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/x
html1/DTD/xhtml1-strict.dtd"> | 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/x
html1/DTD/xhtml1-strict.dtd"> |
| 2 | 2 |
| 3 <html xmlns="http://www.w3.org/1999/xhtml"> | 3 <html xmlns="http://www.w3.org/1999/xhtml"> |
| 4 | 4 |
| 5 <head> | 5 <head> |
| 6 | 6 |
| 7 <title>CSS Writing Modes Test: box offsets - relatively positioned boxes</titl
e> | 7 <title>CSS Writing Modes Test: box offsets - relatively positioned boxes</titl
e> |
| 8 | 8 |
| 9 <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserB
ugsSection/css21testsuite/" /> | 9 <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserB
ugsSection/css21testsuite/" /> |
| 10 <link rel="help" title="7.1 Principles of Layout in Vertical Writing Modes" hr
ef="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" /> | 10 <link rel="help" title="7.1 Principles of Layout in Vertical Writing Modes" hr
ef="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" /> |
| (...skipping 133 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 144 */ | 144 */ |
| 145 } | 145 } |
| 146 ]]></style> | 146 ]]></style> |
| 147 | 147 |
| 148 </head> | 148 </head> |
| 149 | 149 |
| 150 <body> | 150 <body> |
| 151 | 151 |
| 152 <p><img src="support/pass-cdts-box-offsets-rel-pos.png" width="304" height="35
" alt="Image download support must be enabled" /></p> | 152 <p><img src="support/pass-cdts-box-offsets-rel-pos.png" width="304" height="35
" alt="Image download support must be enabled" /></p> |
| 153 | 153 |
| 154 <!-- | 154 <!-- |
| 155 The image says: | 155 The image says: |
| 156 " | 156 " |
| 157 Test passes if there is a blue square | 157 Test passes if there is a blue square |
| 158 at each corner of the yellow square. | 158 at each corner of the yellow square. |
| 159 " | 159 " |
| 160 --> | 160 --> |
| 161 | 161 |
| 162 <div id="statically-positioned-box"><img src="support/100x100-lime.png" alt="I
mage download support must be enabled" /></div> | 162 <div id="statically-positioned-box"><img src="support/100x100-lime.png" alt="I
mage download support must be enabled" /></div> |
| 163 | 163 |
| 164 <div class="blue-relatively-positioned" id="top-left">TL</div> | 164 <div class="blue-relatively-positioned" id="top-left">TL</div> |
| 165 | 165 |
| 166 <div class="blue-relatively-positioned" id="top-right">TR</div> | 166 <div class="blue-relatively-positioned" id="top-right">TR</div> |
| 167 | 167 |
| 168 <div class="blue-relatively-positioned" id="bottom-left">BL</div> | 168 <div class="blue-relatively-positioned" id="bottom-left">BL</div> |
| 169 | 169 |
| 170 <div class="blue-relatively-positioned" id="bottom-right">BR</div> | 170 <div class="blue-relatively-positioned" id="bottom-right">BR</div> |
| 171 | 171 |
| 172 </body> | 172 </body> |
| 173 </html> | 173 </html> |
| OLD | NEW |