Absolute Positioning

Archives by Tag 'absolute position'

Positioning considerations

So, what are the things we should take into consideration when we decide to position the elements on our web page? The layout of the content and the purpose of the document are important. Do we want the content to use the default flow and reflow when resizing the window? If so, then we should [...]

Combining concepts

Absolute positioning is relative! In reality, an absolutely positioned element is relative to its containing block. The containing block is the nearest-positioned ancestor or the document’s initial containing block. It is a structurally superior element whose property is absolute or fixed or relative. The following example shows how an absolutely positioned element can be relative [...]

Absolute and relative positions

The first step in creating menus or navigation elements is to decide on the location and to create the skeletal structure of the menu or navigation bar. Menu and navigation elements are defined in a div tag. The div tag is absolutely or relatively positioned later according to the need of the web page. Elements [...]

When absolute positioning does not work!

Absolute positioning is an attractive concept. However there are instances when absolute positioning does not seem to work! In this chapter we shall briefly touch upon instances when the CSS positioning technique does not work. Internet Explorer 4.0 has problems with absolute positioning of elements. When an absolute position is applied to hyperlinks, the positioning [...]