Organizing Without Tables

Being in Web Design and Implementation, I am often tempted to use the OLD version of tables for organization. I guess it is because I am not used to the using absolute, float, and relative, yet. I have to play around with the content in order to make these work, but like I always say, "PRACTICE MAKES PERFECT"!

Here are some cool notes:

CSS Positions:
Relative
-places an element at an arbitrary location in the page
- container is positioned relative to its usual position
- property's include top, left, right, and/or bottom
- Use em or %, not px

Absolute
- positions an element relative to its position in the page
- property's include top, left, right, and/or bottom
- removes data from the container on the page and allows us to place it anywhere we want

Static
- doesn't move from original position

Fixed
- Similar to absolute
- Computed in respect to the viewpoint
- stays on the screen
- not supported in Explorer

Finally
- Useful for multi-column layouts


Other CSS tags:
Overflow - tells the computer what to do when the container overflows

z-Index - allows for layering

Float
- often the best solution for pages

Tips:
- Set Padding and Margin explicitly