Scrollbare Box
Quellcode
<html>
<head>
<script> window.console = window.console || function(t) {};</script>
<script> if (document.location.search.match(/type=embed/gi)) { window.parent.postMessage("resize", "*"); }</script>

<style type="text/css">
.container {height: 300px; overflow-y: scroll; width:100%}
.data, th, td {border: 1px solid black; border-collapse: collapse; padding: 4px;}
section{width: 100%; height: 200px; background-position: center top; background-attachment: fixed; background-repeat: no-repeat;}
#a1{background-color: #00FFCC; background-image: url(../Bilder/life.jpg);}
#a2{background-color: #15F2D0; background-image: url(../Bilder/ambi.jpg);}
#a3{background-color: #2AE5D4; background-image: url(../Bilder/ambi2.jpg);}
#a4{background-color: #3FD8D8; background-image: url(../Bilder/astern.jpg);}
#a5{background-color: #55CCDD; background-image: url(../Bilder/life.jpg);}
</style>
</head>

<body>
<div class="container">
<center><table class="data"style="width: 80%; height:80px; border: 2px solid red; ">
<tr><td>
<section id="a1"></section>
<section id="a2"></section>
<section id="a3"></section>
<section id="a4"></section>
<section id="a5"></section>
</td></tr>
</table></center></div>
</body>

</html>