Archives by Tag 'margins'

Internet Explorer

By Steve Monas - Last updated: Monday, June 14, 2010

Until January 2009, the various Internet Explorers have been the most popular browsers. IE comes installed with the Windows operating system. Seventy percent of all users used IE 6 in 2005, according to the statistics available on the W3schools website. The popularity for IE appears to be waning, and in 2006, 60% used Internet Explorer 6. [...]

Types of positioning

By Steve Monas - Last updated: Monday, June 14, 2010

While this default “flow” does not give the designer much scope for manipulating layouts, CSS allows the designer to apply a small set of attributes to the elements of the page and control their position by defining coordinates within which they will appear. CSS 1 provided the user with the ability to specify: The width [...]

Static positioning

By Steve Monas - Last updated: Monday, June 14, 2010

Static positioning is the default positioning of elements on the page. It sources the element as in the HTML and places them linearly one after another. The elements cannot be repositioned and do not have defined coordinates for the element’s position. However, the <body> element is positioned and provides the coordinates for the child elements [...]

Understanding the need for visual formatting model

By Steve Monas - Last updated: Monday, June 14, 2010

CSS visual formatting model supposes that a document contains a number of boxes within boxes. A box can have a border and a background. The content of the box will be held in the center of the box and the area around it will be the padding. The margin is around the border of the [...]

Layouts and element positioning in visual formatting

By Steve Monas - Last updated: Monday, June 14, 2010

All CSS positioning schemas such as float, relative, absolute, fixed, and static are applicable to the visual-formatting model. Normal flow in the visual formatting context can be with reference to the block or inline elements, but not both simultaneously. Block elements participate in a block-formatting context, and inline boxes participate in inline formatting context. In [...]

Text layout

By Steve Monas - Last updated: Sunday, June 13, 2010

Too many words per line can be distracting to the reader. 10–12 words per line are considered desirable. Multiple-column layouts can be considered if there is a lot of information that needs to be conveyed on a single page. However, the designer must keep in mind the fact that certain resolutions render the columns too [...]

Appendix: Exploring a sample site

By Steve Monas - Last updated: Sunday, June 13, 2010

No theory can be authenticated until it is demonstrated in practice. This chapter of the book will be devoted to demonstrating the use of absolute positioning in layout of web pages. We shall begin by using a web page with a tabled layout and convert it into a page that uses CSS liquid layout. In [...]