Birgit Egger: fixen Header

Beitrag lesen

SELF-Forum

fixen Header

Birgit Egger
– Informationen zu den Bewertungsregeln

Hallo,

Ich versuche gerade, ein HTML zu schreiben, bei dem der Header fix ist und der Content sich scrollen lässt.
Das hab ich mit dem Unteren code gemacht. Das einzige was mich stört ist, dass der Header rechts über den Scrollbalken drüber geht.
Meine Frage wäre jetzt, wie ich das verhindern kann?

Vielen Dank und beste Grüße,
Birgit

  
<html>  
<head>  
<style type="text/css">  
	body {  
		height: 100%;  
		width: 100%;  
		margin: 0;  
		padding: 0;  
		background: #f0f0f0;  
		font-family: Verdana, Arial, sans-serif;  
		}  
	#wrapper {  
		height:100%;  
		overflow:auto;  
		}  
	#wrapper #header {  
		position: absolute;  
		top: 0;  
		left:0;  
		width: 100%;  
		height:40px;  
		background: #CCE34A;  
		}  
	#wrapper #content {  
		margin-top: 70px;  
		}  
</style>  
</head>  
<body>  
	<div id="wrapper">  
		<div id="header">  
			100 % Höhe mit fixiertem Header und Footer  
		</div>	  
		<div id="content">  
			<p>  
			Fülltext für den Content... <br /><br /><br />  
			Content <br /><br /><br />  
			Content <br /><br /><br />  
			Content <br /><br /><br />  
			Content <br /><br /><br />  
			Content <br /><br /><br />  
			Content <br /><br /><br />  
			Content <br /><br /><br />  
			Content <br /><br /><br />  
			Content <br /><br /><br />  
			Content <br /><br /><br />  
			Content <br /><br /><br />  
			Content <br /><br /><br />  
			Content <br /><br /><br />  
			Content <br /><br /><br />  
			Content <br /><br /><br />  
			Content <br /><br /><br />  
			Content <br /><br /><br />  
			Content <br /><br /><br />  
			Content <br /><br /><br />  
			Content <br /><br /><br />  
			Content <br /><br /><br />  
			last Content <br /><br /><br />  
			</p>  
		</div>  
	</div>  
</body>  
</html>
Beitrag melden
–
Informationen zu den Bewertungsregeln