A float is a renderer that is designed to shift all the way to the left side or all the way to the right side of a paragraph. The lines of the paragraph then flow around the floating object avoiding it. You can see an example of a float in this very paragraph. [...]
The position property in CSS can be used to position an object relative to a specific containing block. It has four values: ’static’, ‘absolute’, ‘fixed’ and ‘relative’. Static positioning is the default and means that the object is just positioned using the normal rules of block and line layout.
Relative Positioning
Relative positioning is exactly [...]
When renderers are first created and added to the tree, they have no position or size yet. The process by which all of the boxes have their positions and sizes determined is called layout. All renderers have a layout method.
void layout()
Layout is a recursive operation. A class called FrameView represents the containing [...]
In the previous entry I talked about the basic structure of a CSS box. In this article I’m going to talk about subclasses of RenderBox and about the concepts of block and inline.
A block flow is a box designed either to contain lines (e.g., a paragraph) or to contain other blocks that it stacks [...]
This is the first of a series of posts designed to help people interested in hacking on WebCore’s rendering system. I’ll be posting these articles as I finish them on this blog, and they will also be available in the documentation section of the Web site.
The DOM Tree
A Web page is parsed into a [...]
Safari Beta 3.0.3 for Mac OS X and Windows has been released. It includes a number of security fixes, and stability improvements for Windows. Downloads are available from Apple’s site.
We’re continuing to work on more improvements for the Safari 3 beta. You can see some of the progress in nightly builds of WebKit.