Trying out the different sorts of positioning

In this activity you will practice using the different types of positioning and discuss how you might usefully use them on your web pages.

The purpose of this activity

The purpose of this activity is to help you to understand how elements may be placed on a page using a number of different ways of positioning in an out of the flow. It should help you to understand how style and content can be completely separated from one another.

Activity Learning Outcomes

On completing this task you will be able to:

• use CSS to make use of different types of positioning;
• discuss how these things these techniques may be coded;

Instructions for the activity

1. Take another look at the notes on the web about types of positioning using CSS. To give you additional help there is a useful set of activities at Floatututorial and an example I have tried out together with how it might be put on the blog.
2. Try out these methods for yourself by:

• making sure that you know how to code them and can produce your own pages using them;
• adapting the code to do something else;

3. Put your examples onto your wiki and link them to your blog;
4. adapt the post on your blog describing what adaptations you have made and how you might use CSS positioning in your own work.