hilde: Scrollbares DIV verrutsch bei lokalem Link im IE 7

SELF-Forum

Scrollbares DIV verrutsch bei lokalem Link im IE 7

hilde
– Informationen zu den Bewertungsregeln

Hallo Leute,

ich habe das folgende CSS-Layout:

  
<body>  
	<div id="kopfbereich">  
		<div class="balkenUnten">  
			bla bla bla  
		</div>  
	</div>	  
	  
	<div id="navibereich">		  
			bla bla bla	  
	</div>  
  
	<div id="content">  
		<div class="innertube">  
			bla bla bla  
		</div>  
	</div>  
  
</body>

Das zugehörige CSS sieht so aus:

  
#kopfbereich {  
	position: absolute;  
	top: 0;  
	left: 0; /*Set left value to WidthOfLeftFrameDiv*/  
	right: 0;  
	width: 100%;  
	height: 101px; /*Height of top frame div*/  
	overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/  
	background-image: url("../images/sonepar-logo.jpg");  
	background-repeat: no-repeat;	  
	color: black;  
}  
  
#navibereich {  
	position: absolute;  
	top: 101px;  
	left: 0;  
	width: 165px; /*Width of left frame div*/  
	height: 100%;  
	overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/  
	background-color: #c9cacc;  
	color: black;  
	padding-top: 2px;  
}  
  
  
  
#content{  
	position: fixed;  
	left: 165px;  
	top: 101px;  
	right: 0;  
	bottom: 0;  
        height: 100%;  
	width: 100%;  
	overflow: auto;  
	background: #ffffff;  
}  
  
.innertube{  
	margin: 15px;  
}

Das Problem ist: Wenn im scrollbaren Content-DIV ein lokaler Link betätigt wird mit einem zugehörigen lokalen Anker im selben DIV, blendet das scrollbare DIV nun den #kopfbereich aus. Das scrollbare Content-DIV stößt förmlich direkt an den oberen Rand des Browsers. Im Firefox gibt es keine Probleme - nur im IE 7. Wenn ich im Browser den Cursor bei gedrückter Maustaste nach oben ziehe, erscheint wieder der Kopfbereich. Komisch! Hat da jemand eine Idee?
Vielen Dank!

Hilde

Beitrag melden
–
Informationen zu den Bewertungsregeln