11<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
22<html lang="en">
3- <!-- $Id: visudet.src,v 2.123 2007-11-13 14:53:28 bbos Exp $ -->
3+ <!-- $Id: visudet.src,v 2.124 2008-02-26 16:52:51 bbos Exp $ -->
44<head>
55<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
66<title>Visual formatting model details</title>
@@ -330,9 +330,8 @@ device instead.
330330
331331<p>Percentage intrinsic widths are first evaluated with respect to the
332332containing block's width, if that width doesn't itself depend on the
333- replaced element's width. If it does, then a percentage intrinsic
334- width on that element can't be resolved and the element is assumed to
335- have no intrinsic width.
333+ replaced element's width. If it does, then the resulting layout is
334+ undefined in CSS2.1.
336335
337336
338337<h3><a name="blockwidth">Block-level, non-replaced elements in normal
@@ -347,14 +346,12 @@ class="propinst-padding-left">'padding-left'</span> + <span
347346class="propinst-width">'width'</span> + <span
348347class="propinst-padding-right">'padding-right'</span> + <span
349348class="propinst-border-right-width">'border-right-width'</span> +
350- <span class="propinst-margin-right">'margin-right'</span> + scrollbar
351- width (if any) = width of <a
349+ <span class="propinst-margin-right">'margin-right'</span> = width of <a
352350href="#containing-block-details">containing block</a>
353351</p>
354352</blockquote>
355353 <p>If 'width' is not 'auto' and 'border-left-width' + 'padding-left' +
356- 'width' + 'padding-right' + 'border-right-width' + scrollbar
357- width (if any) (plus any of
354+ 'width' + 'padding-right' + 'border-right-width' (plus any of
358355'margin-left' or 'margin-right' that are not 'auto') is larger than
359356the width of the containing block, then any 'auto' values for
360357'margin-left' or 'margin-right' are, for the following rules, treated
@@ -385,10 +382,6 @@ equality.
385382their used values are equal. This horizontally centers the element
386383with respect to the edges of the containing block.
387384</p>
388- <p>The "scrollbar width" value is only relevant if the user agent uses
389- a scrollbar as its scrolling mechanism. See the definition of the
390- <span class="propinst-overflow">'overflow'</span> property.
391- </p>
392385
393386<h3><a name="block-replaced-width">Block-level, replaced elements in normal flow</a></h3>
394387
@@ -471,8 +464,7 @@ elements is:</p>
471464
472465 <blockquote>
473466 <p>'left' + 'margin-left' + 'border-left-width' + 'padding-left' + 'width'
474- + 'padding-right' + 'border-right-width' + 'margin-right' + 'right' +
475- scrollbar width (if any) = width
467+ + 'padding-right' + 'border-right-width' + 'margin-right' + 'right' = width
476468 of containing block </p>
477469 </blockquote>
478470
@@ -540,15 +532,12 @@ is found by solving for 'width' after setting 'left' (in case 1) or
540532<p>Then the shrink-to-fit width is: min(max(preferred minimum width, available
541533width), preferred width).</p>
542534
543- <p>The "scrollbar width" value is only relevant if the user agent uses
544- a scrollbar as its scrolling mechanism. See the definition of the
545- <span class="propinst-overflow">'overflow'</span> property.</p>
546-
547535<h3><a name="abs-replaced-width">Absolutely positioned, replaced elements</a></h3>
548536
549- <p>This situation is similar to the previous one, except that the
550- element has an <a href="conform.html#intrinsic">intrinsic</a> width. The
551- sequence of substitutions is now:</p>
537+ <p>In this case, <a href="#abs-non-replaced-width">section 10.3.7</a>
538+ applies up through and including the constraint equation, but the rest
539+ of <a href="#abs-non-replaced-width">section 10.3.7</a> is replaced by
540+ the following rules:
552541
553542<ol>
554543<li>The used value of <span class="propinst-width">'width'</span> is
@@ -1028,7 +1017,7 @@ dimensions must satisfy this constraint:</p>
10281017 <blockquote>
10291018 <p>'top' + 'margin-top' + 'border-top-width' + 'padding-top' + 'height'
10301019+ 'padding-bottom' + 'border-bottom-width' + 'margin-bottom' + 'bottom'
1031- + scrollbar height (if any) = height of containing block </p>
1020+ = height of containing block </p>
10321021 </blockquote>
10331022
10341023<p>If all three of 'top', 'height', and 'bottom' are auto, set 'top'
@@ -1071,10 +1060,6 @@ values for 'margin-top' and 'margin-bottom' are set to 0 and solve for
10711060'bottom'</li>
10721061</ol>
10731062
1074- <p>The "scrollbar height" value is only relevant if the user agent
1075- uses a scrollbar as its scrolling mechanism. See the definition of the
1076- <span class="propinst-overflow">'overflow'</span> property.
1077-
10781063<h3><a name="abs-replaced-height">Absolutely positioned, replaced elements</a></h3>
10791064
10801065<p>This situation is similar to the previous one, except that the
0 commit comments