Absolute Positioning

Archives by Tag 'div'

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

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

Absolute positioning

We will deal with absolute positioning very briefly here as we propose to devote a whole section to it a little later in this tutorial. Absolute positioning positions the element in a fixed point within its container. It cannot be moved from its position. The top and left declarations determine its position. The element then [...]

Using z-index to change default stacking

If a z-index is specified, then the default stacking order is overridden, and the specified stacking order takes effect. The z-index defines the position of the element in the z-index or third dimension of the page. The integer value can be positive or negative. The layer with the lowest index value will be the bottommost [...]

Video and audio positioning in web pages

Multimedia in web pages has come to stay. Interactive voice communications, computer based training, meetings and video conferencing are common today in the networked world. The placement of audio and video elements on web pages, consequently, exercises the minds of the web designer. The types of audio files that can be used are synthesized music [...]