(public).sospep.subjects ~ view article ~ css positioning introduction

] form postioning, a form is a container, howto=

] relative, position is relative to the container that it is in, for ex. body , h1  if you assigned a relative position to the h1 header, it would be relative to the postion of body(which is the container that it is in

] absolute, position, item is postioned, outside of the normal flow

-----------
x] got notes in the sospep.css stylesheet 
-----------

box model
-----------
- margin
- padding
- border
- content

dimensions = the total of all items

------------------------
positioning - 4 types : static, fixed , absolute, relative
    -static: ] html by default, ] postioned by the normal flow of the page(inline), not affected by top/bottom/left right

-fixed: ] relative to the browser window, will not move even if window is scrolled, ] removed from normal flow, other html doesnt even know they exist ]  can overlap other elements
note ie requires doc type specified

-relative: positioned relative to its normal position, ?=normal is inline or s, 
    ] often used as container blocks for absolutely positioned elements.
    
    -absolute: an absolute positioned element is positioned relative to the first parent element that has a position other than static. 
    ] If no such element is found, the containing block is the html tag:
    ] removed from the normal flow, document and other elements behave like it doesnt exist
    ] can overlap

webmatrix note - intellisence, type a (.css property ex background, html element) it gives you the property to double click on BUT then it gives you the property property options

----
MANY class selector . and class="" and ONE id selector # and id=""

found article - how to turn off an element from being in the selected index
--------------
loc=?

PoSTIONING 
 -------

- the box model, every element is a box

- a "box" has 4 areas  ] content, ] padding, ] border ] margins

- browser.window is the root element

- a box can contain any # of other boxes

- 2 types of boxes, -inline(b i span content images,text) and -block (p div table)

- block act as containing boxes for any boxes with them
-- a block box will only contain all inline or all block elements

- 3 positioning schemes, normal, float and absolute

--normal is the default and applies to any element that does not specify

--block boxes flow vertically starting at the top of their containing block

--relative follows normal pos,

~ view article ~ Chapter] ch-004-css-positioning FROM [ Book] css IN [ libraries] technology-developer-www