Absolutely relative positioning
Posted on November 18, 2002 @ 10:57 in Webdesign
Doing CSS based layouting yourself? Then you should have a look at A List Apart's latest article: Flexible Layouts. Very insightful for an autodicatic webdesigner, especially the Absolute v. Relative Positioning section:
Where a lot of people get this wrong is that the CSS Box Model defines a position:absolute block as absolute relative to its containing block, and not relative to the page or window. In our example, this means that a set of four absolutely positioned DIVs can line up inside a container DIV defined as relative, and still float up and down on the page in response to font-size changes — all the while retaining their position in relation to each other. Not only that, the layout holds together regardless of the number of columns.
Now that's going to save me quite a few headaches... let's hope that the browsers play ball and work according to the Box Model definitions. Fingers crossed.
Comments and Trackbacks
No comments or trackbacks for this entry yet.
Post a comment
Comments and trackbacks have been closed on this site. My apologies.
Since MT-Blacklist inexplicably stopped working I had no other recourse than close comments and trackbacks to stop the spam. I've been meaning to correct this for quite a while, but life got in the way... in a good way I should add.