11<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
22<html lang="en">
3- <!-- $Id: visudet.src,v 2.48 2002-04-22 22:05:22 bbos Exp $ -->
3+ <!-- $Id: visudet.src,v 2.49 2002-04-29 19:17:25 bbos Exp $ -->
44<HEAD>
55<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
66<TITLE>Visual formatting model details</TITLE>
@@ -23,20 +23,21 @@ is defined as follows:</p>
2323in which the <a href="conform.html#root">root
2424element</a> lives is chosen by the user agent.
2525
26+ <li>For other elements, if the element's position is 'relative' or 'static',
27+ the containing block is formed by the content edge of the nearest
28+ <a href="visuren#block-level">block-level</a>, table cell or
29+ inline-block ancestor box.
30+
2631<li>If the element has 'position: fixed', the containing block is
2732established by the <a href="visuren.html#viewport">viewport</A>.
2833
29- <li>For other elements, unless the element is <a
30- href="visuren.html#absolutely-positioned">absolutely positioned</a>,
31- the containing block is formed by the content edge of the nearest
32- block-level ancestor box.
33-
3434<li>If the element has 'position: absolute', the containing block is
3535established by the nearest ancestor with a <span
36- class="propinst-position">'position'</span> other than 'static ', in
37- the following way:
36+ class="propinst-position">'position'</span> of 'absolute ', 'relative'
37+ or 'fixed', in the following way:
3838<ol>
39- <li>In the case that the ancestor is block-level, the containing block
39+ <li>In the case that the ancestor is <a
40+ href="visuren#block-level">block-level</a>, the containing block
4041is formed by the <a href="box.html#padding-edge">padding edge</a> of
4142the ancestor.
4243
@@ -241,19 +242,6 @@ class="propinst-width">'width'</span> is:
241242
242243</PRE>
243244
244- <P>If <span class="propinst-width">'width'</span> has a specified
245- value of 'auto' and <span class="propinst-height">'height'</span> also
246- has a specified value of 'auto', the element's intrinsic width is the
247- computed value of <span class="propinst-width">'width'</span>. If
248- <span class="propinst-width">'width'</span> has a specified value of
249- 'auto' and <span class="propinst-height">'height'</span> has some
250- other specified value, then the computed value of <span
251- class="propinst-width">'width'</span> is:</P>
252-
253- <PRE>
254- (intrinsic width) * ( (computed height) / (intrinsic height) )
255- </PRE>
256-
257245<h3>Block-level, non-replaced elements in normal flow</h3>
258246
259247<p>If <span class="propinst-left">'left'</span> or <span
@@ -292,13 +280,9 @@ equality.
292280
293281<p>If both <span class="propinst-margin-left">'margin-left'</span> and
294282<span class="propinst-margin-right">'margin-right'</span> are 'auto',
295- their computed values are equal. This centers the element with respect
283+ their computed values are equal. This horizontally centers the element with respect
296284to the edges of the containing block.
297285
298- <p>Note that 'width' may not be greater than 'max-width' and not less
299- than 'min-width'. In particular, it may not be negative. See the rules
300- in section 10.4 below.
301-
302286<h3>Block-level, replaced elements in normal flow</h3>
303287
304288<p>If <span class="propinst-left">'left'</span> or <span
0 commit comments