|
1 | 1 | <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> |
2 | 2 | <html lang="en"> |
3 | | -<!-- $Id: box.src,v 1.16 1998-05-07 12:03:40 bbos Exp $ --> |
| 3 | +<!-- $Id: box.src,v 1.17 1998-05-08 16:24:59 ijacobs Exp $ --> |
4 | 4 | <HEAD> |
5 | 5 | <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> |
6 | 6 | <TITLE>Box model</TITLE> |
@@ -206,9 +206,14 @@ value type, which may take one of the following values: |
206 | 206 | <dt><span class="value-inst-length"><strong><length></strong></span> |
207 | 207 | <dd>Specifies a fixed width. |
208 | 208 | <dt><span class="value-inst-percentage"><strong><percentage></strong></span> |
209 | | -<dd>Specifies a percentage width. The percentage is calculated |
| 209 | +<dd>The percentage is calculated |
210 | 210 | with respect to the <em>width</em> of the generated box's |
211 | 211 | <a href="visuren.html#containing-block">containing block</a>. |
| 212 | +This is true for <span |
| 213 | +class="propinst-margin-top">'margin-top'</span> and <span |
| 214 | +class="propinst-margin-bottom">'margin-bottom'</span>, |
| 215 | +except in the <a href="page.html#page-context">page context</a>, |
| 216 | +where percentages refer to page box height. |
212 | 217 | <dt><strong>auto</strong> |
213 | 218 | <dd>See the section on <a |
214 | 219 | href="visudet.html#Computing_widths_and_margins">computing widths and |
@@ -239,11 +244,6 @@ class="propinst-margin-bottom">'margin-bottom'</span>, and <span |
239 | 244 | class="propinst-margin-left">'margin-left'</span> at the same place in |
240 | 245 | the style sheet. |
241 | 246 |
|
242 | | -<P class="note">Note that percentages, even for <span |
243 | | -class="propinst-margin-top">'margin-top'</span> and <span |
244 | | -class="propinst-margin-bottom">'margin-bottom'</span>, are relative to |
245 | | -the containing block width. |
246 | | - |
247 | 247 | <P> If there is only one value, it applies to all |
248 | 248 | sides. If there are two values, the top and bottom margins |
249 | 249 | are set to the first value and the right and left margins are |
@@ -301,8 +301,9 @@ maximum of the negative adjoining margins is deducted from zero. |
301 | 301 | href="visuren.html#floats">floated</a> box and any other box do not |
302 | 302 | collapse. |
303 | 303 |
|
304 | | -<li>Margins of absolutely positioned boxes do not collapse. |
305 | | -<!-- What about relatively? -IJ --> |
| 304 | +<li>Margins of <a |
| 305 | +href="visuren.html#absolutely-positioned">absolutely</a> and |
| 306 | +relatively positioned boxes do not collapse. |
306 | 307 | </ul> |
307 | 308 |
|
308 | 309 | <P>Please |
@@ -332,9 +333,11 @@ name="value-def-padding-width"><strong><padding-width></strong> |
332 | 333 | <dt><span class="value-inst-length"><strong><length></strong></span> |
333 | 334 | <dd>Specifies a fixed width. |
334 | 335 | <dt><span class="value-inst-percentage"><strong><percentage></strong></span> |
335 | | -<dd>Specifies a percentage width. |
336 | | -The percentage is calculated with respect to the <em>width</em> of the |
337 | | -generated box's <a href="visuren.html#containing-block">containing block</a>. |
| 336 | +<dd>The percentage is calculated with |
| 337 | +respect to the <em>width</em> of the generated box's <a |
| 338 | +href="visuren.html#containing-block">containing block</a>, even for |
| 339 | +<span class="propinst-padding-top">'padding-top'</span> and <span |
| 340 | +class="propinst-padding-bottom">'padding-bottom'</span>. |
338 | 341 | </dl> |
339 | 342 |
|
340 | 343 | <P>Unlike margin properties, values for padding values cannot be |
|
0 commit comments