Help:Wiki University Wikitext--Position - Absolute

Absolute positioning
Here is an object which we place 120 pixels from the top and 120 pixels from the left side of the page. 
 * It is like relative positioning, but it differs in fact that it does not create a space in the flow of the page.
 * Absolute position will cover up anything that is in that spot even another absolute positioned object.
 * NOTICE our object covers part of the sidebar.

Placing a absolute positioned object
Here is the coding for our absolute position object: 
 * NOTICE position:absolute.
 * NOTICE left:120px. If we would have use left:220px the sidebar would not be covered.
 * NOTICE top:400px.
 * So what happens if you don't specify the position in pixels? It places itself up against the object above it.

Absolute INSIDE relative positioning
  
 * One of the main problems with absolute positioning is that if you add new material the absolute positioned object will not move like relative positioning does.
 * In order for absolute positioned objects to move with the flow you have to place absolute positioned objects INSIDE relative positioned objects.
 * Relative positioned objects WILL MOVE even if there is an absolute position object inside of it.
 * Here is the coding for a relative placed object that has a red border with a absolute positioned blue box placed inside it.
 * Here's the coding:
 * NOTICE the absolute positioned blue box coding is between the opening and closing div tag in red.
 * You can have as many absolute positioned objects as you want between opening closing relative position objects.

Try these out
 Exercises Check your answers
 * 1) Take this object and place it inside relative position object:
 * 1) Take your answer above and move the relative object with the '''absolute object inside 150 pixel to the left and 50 pixel from the top from where your browser wants to put it:
 * 2) Take your answer to no 2 and move the absolute object in side the relative object 150px to the left and down 25px from the top.

 Quick Quiz
 * Absolute positioning places objects in relation to the edge and top of the page.
 * A. True
 * B. False


 * Absolute positioning does not cover objects placed before it was.
 * A. True
 * B. False


 * Absoluite positioning covers up all objects covered after it was placed.
 * A. True
 * B. False

Check your answers