Archive for the ‘CSS’ Category

CSS Template Positioning

Friday, February 4th, 2011

The positioning of a CSS element such as a picture, text, or video determines where on the webpage the element is placed. Elements can even be placed behind other elements. When it comes to positioning elements in a CSS template, they are commonly placed using static, fixed, or relative positioning.

The top, bottom, left, and right properties do not interfere with static positioning. Static positioning comes by default on the template, meaning if the positioning is not changed, elements will automatically be positioned statically.

An element placed in a fixed position will not move. This means if someone moves the webpage up or down or side to side with their mouse, the element will stay in the same place. A relatively positioned element is positioned relative to its normal position. In other words, the element can be placed to the left or right or up or down from where it would be placed by default. The user can specify exactly where to place the element.