Congratulations! You have successfully completed the CSS-P Tutorial! Give yourself a pat on the back from me!
I want to say again that, although I have only used embedded style sheets to demonstrate CSS-P in this tutorial, I could equally well have used LINKED style sheets, so that I could easily reuse common positioned elements from HTML page to HTML page.
Due to a lack of consistent standards and other technical limitations, CSS-P is really more geared towards creating DHTML content; it's really not for use in everyday HTML page layout, except the occassional splash area, slide show, or specialty purpose. One day, when CSS-P has become more standardized in its implementation in the web browsers, you will be able to use it for general purpose HTML page layout, but not right now, not as long as we are supporting the v.4 browsers.
One hint: Don't define text appearance properties in IDs for positioned DIV tags; keep the text appearance properties confined to the text tags like P, H1, etc. Just use the IDs to assign positioning information; you'll find that you're better organized that way, and less likely to run into bizarre display inconsistencies.
There are, of course, more CSS-P properties (such as visibility, clip, and overflow), but these are really the province of DHTML and will be discussed in another tutorial.
Remember: the only real way to internalize any code is to practice, practice, practice. You need to do a lot more positioning if you want to gain true proficiency in this subject; these exercises are just the beginning. Good luck, and I wish you the very best in your programming endeavors!
Take care, --Michael Masumoto
Copyright © 2001 Michael Masumoto. All Rights Reserved.