If you're new here, you may want to subscribe to my RSS feed. Thanks for visiting!
Having already a large gamut of knowledge about CSS Positioning we will be able in short time to manipulate the position of HTML elements. We know that some designs require using JavaScript or HTML image maps, and are not 100% made in CSS. Coding is easier ad faster.
Absolute Position
The absolute positioning defines the exact px value where the HTML element will be. The origin point is the top-left of the browser’s viewable area, so start from that point.
P.S: The only browser which is not currently interpret the absolute positioning correctly is Firefox. Since IE 6.0 and Opera 8.0 do .
CSS Code :
Relative Position
If you already know what this does, well I will tell you what the relative position really does, it changes the position of HTML element relative to where it normally appears. If you want your header, from top of your page to be elsewhere, use relative positioning and you could move it to right and left few pixels.
CSS Code:
You can define in the four direction (left, right,up,down) and you can use just two (left and top).
- Move Left - Use a negative value for left.
- Move Right - Use a positive value for left.
- Move Up - Use a negative value for top.
- Move Down - Use a positive value for top.