Absolute Positioning

Archives by Tag 'web page'

Browsers! Browsers! Browsers!

The raison d’être of web design is the end users. After all, a designer created the web page so that the users could browse it, interact with it, and use it. If they are not comfortable with the web page or the page does not display accurately, it is logical that users find fault with [...]

Who is in control

The web designers have to comply on the one hand with web design standards and on the other, they have to ensure that the user environment in which the web pages are displayed does not distort user experience! Are they in control? Is the user in control? As a web designer, you certainly feel that [...]

Graphical user interface and web conventions

Visual interfaces were attempts to recreate accepted behavior patterns from daily life on the screen. Designers used these familiar patterns to attract casual surfers to interact with web pages. In due course, imitation led to the creation of a number of websites that followed similar patterns, and these evolved into simple, informal rules that were [...]

A voyage of discovery

Designers want a website to enable interaction with the end user. Interaction styles refer to all the different ways in which technology enables the user to communicate with the system. Historically, it all began with the text terminal. Users entered commands as lines of text, and the output was a text. With increasing use of [...]

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 [...]

The box model

At the top level the web page is a canvas—a container for other elements that have to be placed in it. It can be seen as a box, which has a specific dimension—x and y coordinate and a z-axis that flows away from the viewer into 3D space. Each element that is placed into 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 [...]

Fixed positioning

This type of positioning is similar to the absolute positioning attribute in that it is calculated with reference to its containing blocks, and it is pulled out of the normal flow. However, the reference is in the context of the browser viewport. The viewport is a fixed block that remains fixed; however, many of 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 [...]