Prev | Current Page 273 | Next

Tommy Olsson and Paul O'Brien

"The Ultimate CSS Reference"

In the CSS box model, padding and borders are added to the
element??™s width, whereas in the IE5 box model, padding and borders reduce the
available content area.
CSS boxes can be block-level or inline. The two types are laid out very differently.
Box layout occurs in formatting contexts, relative to a containing block. The display
property controls which type of box is generated for an element.
CSS Layout and Formatting
The Ultimate CSS Reference 186
Boxes are laid out in the normal flow if they??™re static or relatively positioned. Floated
or absolutely positioned boxes are taken out of the normal flow and laid out
according to special rules.
Table rendering is quite complex, and hampered by a lack of browser support. There
are two table layout algorithms (fixed and automatic) and two border models
(separated and collapsing).
Relatively positioned boxes are shifted from their normal position in the flow. Only
the rendered box is shifted??”the element still occupies the original position as far
as the flow is concerned.


Pages:
261 262 263 264 265 266 267 268 269 270 271 272 273 274 275 276 277 278 279 280 281 282 283 284 285