11<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
22<html lang="en">
3- <!-- $Id: visuren.src,v 1.21 1997-10-01 22:29:21 ian Exp $ -->
3+ <!-- $Id: visuren.src,v 1.22 1997-10-02 15:56:46 ian Exp $ -->
44<HEAD>
55<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
6- <TITLE>Visual flow model</TITLE>
6+ <TITLE>Visual rendering model</TITLE>
77<LINK rel="next" href="flowobj2.html">
88<LINK rel="previous" href="media.html">
99<LINK rel="STYLESHEET" href="style/default.css" type="text/css">
1010</HEAD>
1111<BODY>
12- <H1 align="center">Visual flow model</H1>
12+ <H1 align="center">Visual rendering model</H1>
1313The following sections specifies how user agents lay out
1414a stream of elements on the canvas.
1515
@@ -84,6 +84,13 @@ inner top to inner bottom.
8484<P>In the following sections, we define the properties that allow
8585authors to set margins, padding, and borders.
8686
87+ <div class="note"><P>
88+ <em><strong>Note.</strong> The box model is slightly diffent for the
89+ case of paged media. Please consult the section on <a
90+ href="page-boxes">page boxes</a> for more information.
91+ </em>
92+ </div>
93+
8794<div class="note"><P>
8895<em><strong>Note.</strong>
8996The properties that specify the foreground and background colors of
@@ -637,7 +644,7 @@ interact. The example HTML document:
637644<P>results in a <a href="convent.html#doctree">document
638645tree</a> with (among other relationships) a UL element that
639646has two LI children. According to the <a href="#flow-model">
640- visual flow model</a> described below, the LI elements are
647+ visual rendering model</a> described below, the LI elements are
641648laid out vertically (one after the other) and form the
642649content of the UL.
643650
@@ -691,7 +698,7 @@ and content.
691698elements are still offset by the UL margin.
692699</ul>
693700
694- <H2><a name="flow-model">The flow model</a></H2>
701+ <H2><a name="flow-model">The visual flow model</a></H2>
695702
696703The <span class="index-def" title="flow, definition of">flow </span>
697704of elements refers to how sibling boxes (i.e., of elements who share
@@ -944,13 +951,18 @@ expected of the language's elements. Please consult the <a
944951href="sample.html">sample style sheet</a> in the appendix for
945952information about the default layout behavior of HTML 2.0.
946953
947- <H2>Outside the flow</H2>
948- At times, authors may want to control the positioning of a box in a
954+
955+ <H2><a name="floats">Floats</a></H2>
956+
957+ <P>At times, authors may want to control the positioning of a box in a
949958way that cannot be done within the flow model. There are three ways to
950959generate a box that does not adhere to the flow model:
951960
952961<ul>
953- <li>Create a <a href="#floats">floating box</a>.
962+ <li>Create a <a href="#floats">floating box</a> that floats
963+ to the left or right of where
964+ it would normally appear in the flow. For instance, authors may
965+ float paragraph boxes in order to place them side-by-side.
954966<li>Use <a href="#absolute-positioning">absolute positioning</a>.
955967<li>Set the value of the <span
956968class="propinst-display">'display'</span> property to 'none' (in which
@@ -968,11 +980,6 @@ position of the floating element.
968980children elements: children elements always flow relative to the
969981position of their parent unless positioned absolutely themselves.
970982
971- <H3><a name="floats">Floats</a></H3>
972- <P>In CSS, it is possible to float boxes to the left or right of where
973- they would normally appear in the flow. For instance, authors may
974- float paragraph boxes in order to place them side-by-side.
975-
976983<P>A floated box is moved to the left or right until the margin,
977984padding, or border of another block-level element is reached.
978985
@@ -1073,7 +1080,7 @@ left margin.
10731080href="flowobj2.html#floating-constraints">floating constraints</a> for
10741081more information about controlling floats.
10751082
1076- <H3 ><a name="absolute-positioning">Absolute positioning</a></H3 >
1083+ <H2 ><a name="absolute-positioning">Absolute positioning</a></H2 >
10771084
10781085<p>Elements that are positioned with respect to a coordinate system
10791086rather than the side of a preceding box are said to be <span
0 commit comments