På den här sidan ser vi en ".toppbox" som ligger fast och överst (z-index 1) i överkant med en bild från Kiruna.
Längst ner ligger en "bottenbox" fast placerad även den med z-index 1.
Däremellan löper "huvudbox" med z-index -1 vilket får den att löpa under topp- och bottenboxarna.

.huvudbox {
background-color: #EFEFEF;
margin: auto;
width: 90%;
overflow: auto;
top: 100px;
clear: left;
position: relative;
z-index: -1;
}

.toppbox {
width: 90%;
overflow: auto;
height: 90px;
position: fixed;
top: 0px;
margin: auto;
left: 5%;
clear: right;
z-index: 1;
background-color: #FFFFD5;
}

.bottenbox {
width: 90%;
overflow: auto;
position: fixed;
margin: auto;
left: 5%;
clear: right;
z-index: 1;
background-color: #FFFFD5;
bottom: 0px;
}

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur hendrerit pharetra purus, at cursus neque euismod sed. Integer eget metus molestie, sagittis augue vitae, scelerisque odio. Donec imperdiet sem ac commodo aliquet. Morbi laoreet enim lorem, non porta arcu hendrerit ut. Quisque eu sem mi. Donec eget massa ut diam sodales pulvinar. Nullam nisi neque, euismod ac dui sed, vehicula euismod nulla. In a eros elit. Nunc augue magna, pretium eu lacinia eget, hendrerit non libero. Maecenas vitae lorem id ipsum facilisis fermentum. Maecenas eget facilisis mi, at porta nisi. Vestibulum non orci fringilla, dapibus metus vel, finibus magna. Sed eu libero quis quam vulputate pretium iaculis ultrices lacus.

Vestibulum id turpis in sem ornare blandit. Integer suscipit, diam rutrum rhoncus elementum, elit ante luctus purus, eget eleifend augue diam quis est. Duis feugiat eleifend nisl. Fusce volutpat tortor diam, sagittis scelerisque nisi dapibus et. Aenean sed interdum libero. Aenean eu molestie felis, sit amet viverra urna. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In auctor odio eu nisi tristique scelerisque. Sed non elit eget odio varius congue.

Praesent eget justo mauris. Nulla pulvinar, metus at pharetra tincidunt, ipsum nunc tincidunt lorem, vitae congue ex elit sit amet sapien. Nulla luctus libero nisl, eu ultrices erat tincidunt quis. Cras euismod vestibulum tellus. Duis maximus tristique purus, vel vehicula nisl ornare ut. Cras eu lacus sapien. Aliquam erat volutpat. In at leo consectetur, euismod est id, pretium nunc. Nunc neque risus, fringilla et ipsum id, tincidunt imperdiet mauris. Aenean euismod quis dui in placerat. Cras varius dapibus sem in ultrices. Pellentesque sit amet interdum odio, non facilisis lorem. Phasellus faucibus in sem ut vehicula. Aliquam mattis mi lorem, nec posuere lorem sollicitudin vel. Vivamus blandit magna erat, eu malesuada quam imperdiet ut. Suspendisse potenti.