Absolute Positioning

Archives by Tag 'element'

Text size

The third element is the text size. What are the standard HTML text sizes? What are the tracking and leading?

Conceptualizing positioning

The W3C published its first working draft on style sheet specifications for positioning HTML elements on the page in three-dimensional space in 1997. Web designers found that they could use these specifications for greater control over objects on a web page and for designing tight static page layouts or for tracking DHTML motion effects. Netscape [...]

Normal flow versus static positioning

This is a process of placing a box in the normal flow. It is really a box that is not positioned and is the default position. No declaration with the position property is required for this type of positioning. However, the declaration position: static places the element within the normal flow of the document. The [...]

Absolute positioning

Absolute positioning takes its position from the top-lefthand corner of the browser pane with the x and y coordinates at (0,0). This positioning gives the designer tremendous control over the elements so positioned. The code for an absolutely positioned element can be placed anywhere in the code and still the element will display at the [...]

Relative positioning

A relatively positioned element on a web page is not positioned with reference to the containing block, but with reference to the normal flow. Therefore, the element disregards its containing block and relates to the browser. The relative tag helps the designer place the elements with reference to the positioning of other elements on the [...]

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 dynamic-positioning techniques

The environment of the web is evolving. Web designers are no longer satisfied with the positioning attributes offered by CSS. Experimentation with various positioning techniques led to the development of dynamic HTML. This is an umbrella term for a large number of techniques used to make the web page dynamic. The first efforts to change [...]

Controlling content visibility

Positioning of elements also brings into focus another need of web design—the visibility of the element. Does the web designer want the element to be visible, partially visible, or invisible? The content of the positioned elements can be restricted in a number of ways. Setting values to the display and visibility attributes of the element [...]

z-index ordering

When two or more elements occupy the same area, some kind of ordering is necessary. The z-index ordering attribute helps the designer set the order in which the elements should be drawn on the screen. This attribute is especially useful when there are relatively or absolutely set elements on the page and they overlap other [...]

Defining concepts

Absolute positioning defines the x and y coordinates of an element with reference to the top-left corner of the browser page or the containing block, and the position attribute is set to absolute. The code will read somewhat like this: <style type= “text/css”> <!-– p {position: absolute; left 50pt; top: 30pt} –> </style> Note that [...]