style verbeteren

ik heb een style gemaakt voor me website. maar ik krijg het niet voor elkaar om sommige dingen automatisch te rekken en de footer automatisch naar bendeden te gaan

Ps: ben beginner
tips zijn altijd welkom
ik gebruik adobe dreamweaver cs5

wat moet er automatisch uitrekken

div 1
div 10

wat moet er automatisch naar beneden gaan

div 8

wie dit voor elkaar krijgt krijgt: 0,2 punten
(plaats het hier onder de alleen de eerste krijgt de punten hij moet het dan wel doen)

style staat hier onder

@charset "UTF-8";
/* CSS Document */

body {
    background-color: #03F;
}
#apDiv1 {
    position:absolute;
    left:72px;
    top:46px;
    width:880px;
    height:686px;
    z-index:1;
    background-color: #FFF;
}
#apDiv2 {
    position:absolute;
    left:76px;
    top:50px;
    width:170px;
    height:120px;
    z-index:2;
    background-color: #CCCCCC;
}
#apDiv3 {
    position:absolute;
    left:250px;
    top:50px;
    width:699px;
    height:120px;
    z-index:3;
    background-color: #333333;
}
#apDiv4 {
    position:absolute;
    left:76px;
    top:173px;
    width:872px;
    height:30px;
    z-index:4;
    background-color: #333333;
}
#apDiv5 {
    position:absolute;
    left:76px;
    top:236px;
    width:172px;
    height:167px;
    z-index:5;
    background-color: #333333;
    color: #FFF;
}
#apDiv6 {
    position:absolute;
    left:76px;
    top:207px;
    width:170px;
    height:30px;
    z-index:6;
    background-color: #666666;
    text-align: center;
    font-size: 16px;
    color: #FFF;
    font-family: "Comic Sans MS", cursive;
}
#apDiv7 {
    position:absolute;
    left:0px;
    top:169px;
    width:170px;
    height:30px;
    z-index:6;
    background-color: #666666;
    text-align: center;
    font-size: 16px;
    color: #FFF;
    font-family: "Comic Sans MS", cursive;
}
#apDiv8 {
    position:absolute;
    left:76px;
    top:703px;
    width:872px;
    height:24px;
    z-index:9;
    background-color: #333333;
}
#apDiv9 {
    position:absolute;
    left:0px;
    top:198px;
    width:170px;
    height:164px;
    z-index:5;
    background-color: #333333;
    color: #FFF;
}
#apDiv10 {
    position:absolute;
    left:250px;
    top:207px;
    width:699px;
    height:391px;
    z-index:10;
    background-color: #FFFFFF;
}

h1 {
    font-size: 16px;
}
h2 {
    font-size: 14px;
}
h3 {
    font-size: 12px;
}
h4 {
    font-size: 10px;
}

dit is de layout

dus wie kan hem basen of verbeteren
je krijgt 2 punten!!

en geef alsjeblieft ook tips/trucs

automatisch meerekken:
height; ..px; weghalen en er overflow: hidden; voor in de plaats zetten

en werk zonder position:absolute dit werkt bagger

Schopje naar Webwereld.