Mento: Streifen über Bildschirm hinaus ohne Bildlaufleiste

Beitrag lesen

SELF-Forum

Streifen über Bildschirm hinaus ohne Bildlaufleiste

Mento
– Informationen zu den Bewertungsregeln

Hallo Zusammen!

Ich möchte ein Layout realisieren, bei dem ein Streifen auf der Seite des Inhalts, um 50px länger ist als dieser. Soweit so gut.

Nun möchte ich, dass wenn das Fenster niedriger als der Streifen ist, keine Bildlaufleiste angezeigt wird. Wenn das Fenster allerdings niedriger als der Inhalt ist, soll die Bildlaufleiste angezeigt werden.

Hier noch ein paar Bilder um zu verdeutlichen was ich meine:

So soll es aussehen wenn das Fenster gross genug ist:

So soll es aussehen wenn das Fenster zu kein für den Inhalt ist:

So sieht es aktuell aus wenn das Fenster etwas zu klein für den Streifen ist:

Und so sollte es aussehen:

Und noch der Code der Testseite:

<html><head><style type="text/css">  
* {  
	margin: 0;  
	padding: 0;  
}  
#center {  
	margin: 0px auto;  
	width: 200px;  
	background-color: #22e;  
}  
#inhalt {  
	margin-left: 20px;  
	background-color: white;  
	padding-bottom: 50px;  
}  
</style></head><body>  
	<div id="center"><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>  
</body></html>
Beitrag melden
–
Informationen zu den Bewertungsregeln