overflow-y: Überbreiter Inhalt; y = zu hoch, x = zu breit

overflow-y:auto

Grosse Unke

overflow-y:visible

Grosse Unke

overflow-y:hidden

Grosse Unke

overflow-y:scroll

Grosse Unke




<style type="text/css">
body { padding-left:10px }
a { color:#0000FF; text-decoration:none; }
#a {position:absolute; left:20px; top:150px; width:130px; max-width:130px; height:150px;border:#dddddd solid 1px;overflow-y:auto;}
#b {position:absolute; left:200px; top:150px; width:130px; max-width:130px; height:150px;border:#dddddd solid 1px;overflow-y:visible;}
#c {position:absolute; left:400px; top:150px; width:130px; max-width:130px; height:150px;border:#dddddd solid 1px;overflow-y:hidden;}
#d {position:absolute; left:600px; top:150px; width:130px; max-width:130px; height:150px;border:#dddddd solid 1px;overflow-y:scroll;}
</style>

<div id="a">
<h4>overflow-y:auto</h4>
<img src="unkegross.gif" width="200" height="162" alt="Grosse Unke" />
</div>

<div id="b">
<h4>overflow-y:visible</h4>
<img src="unkegross.gif" width="200" height="162" alt="Grosse Unke" />
</div>

<div id="c">
<h4>overflow-y:hidden</h4>
<img src="unkegross.gif" width="200" height="162" alt="Grosse Unke" />
</div>

<div id="d">
<h4>overflow-y:scroll</h4>
<img src="unkegross.gif" width="200" height="162" alt="Grosse Unke" />
</div>

http://www.css4you.de/overflow-x.html

http://www.css4you.de/overflow-y.html