Mento: Streifen über Bildschirm hinaus ohne Bildlaufleiste

Beitrag lesen

Ich hab nun selbst eine Lösung gefunden. Es ist tatsächlich ganz ohne JavaScript möglich.

<html><head><style type="text/css">  
* {  
	margin: 0;  
	padding: 0;  
}  
#center {  
	margin: 0px auto;  
	width: 200px;  
    overflow: hidden;  
}  
#container {  
    overflow: visible;  
}  
#inhalt {  
	float: left;  
	width: 100%;  
	background-color: white;  
	border-left: 20px solid blue;  
}  
#spacer {  
    float: left;  
    margin-bottom: -50px;  
    padding-bottom: 50px;  
    width: 20px;  
    height: 0px;  
    background: blue;  
}  
#ende {  
    height: 100%;  
}  
</style></head><body>  
<div id="center">  
	<div id="container">  
		<div id="inhalt">  
			<p>Text<br/>Mehr Text<br/><br/><br/><br/><br/><br/>  
			<br/><br/>text<br/>text<br/>text<br/>Letzte Zeile</p>  
		</div>  
		<div id="spacer"></div>  
	</div>  
	<div id="ende"></div>  
</div>  
</body></html>