1. Week 5

2.  Normal document flow  Affecting document flow with float and position properties using CSS  Using these properties to create layouts

3. .img01.img03.img02.img01 { position: relative; left: 100px; top: 100px; }.img03 { position: relative; right: 100px; bottom: 100px; } top: 100px; left: 100px; right: 100px; bottom: 100px;

4. .img01.img03.img02 { position: absolute; left: 100px; top: 200px; } top: 200px; left: 100px;.img02.img04

5. ❶ ❷ ❸ ❹ ❶ ❷❸ ❹

7. #wrapper { margin: 0 auto; width: 960px; } #header { background-color: #aaaaaa; } #menu { width: 29%; float: left; background-color: #cccccc; margin-bottom: 20px; }

8. #content { margin-left: 30%; background-color: #cccccc; } #footer { clear: both; background-color: #aaaaaa; height: 50px; }