<html ><head >
<meta http-equiv="content-type" content="text/html; charset=UTF-8" >
<style type="text/css" >
.outer {
display:table ;
height:20px;
width:300px;
max-width:300px;
}
.inner {
background-color: silver;
display:table-cell;
height:20px;
min-height:20px;
width:150px;
max-width:150px;
padding: 4px;
}
</style >
</head >
<body >
<h2>Testing CSS overflow on display:table-cell</h2>
<div class="outer" >
<div class="inner" style ="overflow-y:hidden;" >
<img width="400px" height="10px" src="data:image/gif;base64,R0lGODlhAQABAIABAAD/AP///ywAAAAAAQABAAACAkQBADs=" >
</div >
</div >
<div class="outer" >
<div class="inner" style ="overflow-y:scroll;" >
<img width="400px" height="10px" src="data:image/gif;base64,R0lGODlhAQABAIABAAD/AP///ywAAAAAAQABAAACAkQBADs=" >
</div >
</div >
<div class="outer" >
<div class="inner" style ="overflow-y:clip;" >
<img width="296px" height="10px" src="data:image/gif;base64,R0lGODlhAQABAIABAAD/AP///ywAAAAAAQABAAACAkQBADs=" >
</div >
</div >
<div class="outer" >
<div class="inner" style ="overflow:hidden;" >
<img width="400px" height="10px" src="data:image/gif;base64,R0lGODlhAQABAIABAAD/AP///ywAAAAAAQABAAACAkQBADs=" >
</div >
</div >
<div class="outer" >
<div class="inner" style ="overflow:scroll;" >
<img width="400px" height="10px" src="data:image/gif;base64,R0lGODlhAQABAIABAAD/AP///ywAAAAAAQABAAACAkQBADs=" >
</div >
</div >
<div class="outer" >
<div class="inner" style ="overflow:clip;" >
<img width="400px" height="10px" src="data:image/gif;base64,R0lGODlhAQABAIABAAD/AP///ywAAAAAAQABAAACAkQBADs=" >
</div >
</div >
<h2>Testing CSS overflow on display:table </h2>
<div class="outer" style ="overflow-y:hidden;" >
<div class="inner" >
<img width="400px" height="10px" src="data:image/gif;base64,R0lGODlhAQABAIABAAD/AP///ywAAAAAAQABAAACAkQBADs=" >
</div >
</div >
<div class="outer" style ="overflow-y:scroll;" >
<div class="inner" >
<img width="400px" height="10px" src="data:image/gif;base64,R0lGODlhAQABAIABAAD/AP///ywAAAAAAQABAAACAkQBADs=" >
</div >
</div >
<div class="outer" style ="overflow-y:clip;" >
<div class="inner" >
<img width="296px" height="10px" src="data:image/gif;base64,R0lGODlhAQABAIABAAD/AP///ywAAAAAAQABAAACAkQBADs=" >
</div >
</div >
<div class="outer" style ="overflow:hidden;" >
<div class="inner" >
<img width="400px" height="10px" src="data:image/gif;base64,R0lGODlhAQABAIABAAD/AP///ywAAAAAAQABAAACAkQBADs=" >
</div >
</div >
<div class="outer" style ="overflow:scroll;" >
<div class="inner" >
<img width="400px" height="10px" src="data:image/gif;base64,R0lGODlhAQABAIABAAD/AP///ywAAAAAAQABAAACAkQBADs=" >
</div >
</div >
<div class="outer" style ="overflow:clip;" >
<div class="inner" >
<img width="400px" height="10px" src="data:image/gif;base64,R0lGODlhAQABAIABAAD/AP///ywAAAAAAQABAAACAkQBADs=" >
</div >
</div >
</body ></html >
Messung V0.5 C=91 H=98 G=94
¤ Dauer der Verarbeitung: 0.12 Sekunden
(vorverarbeitet)
¤
*© Formatika GbR, Deutschland