] 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,