div fixed in scrollbarem div

toom

hallo zusammen,

ich würde gerne in einem scrollbarem div eine weitere div fixen. ist das möglich?

hier mein code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html><head><title>position</title>
<style type="text/css">

#a1 {
 border:1px solid #000;
 position:relative;
 top:100px;
 left:50px;
 width: 300px ;
 height: 300px ;
 background-color:#fdd;
 overflow: auto ;
}

#f1 {
 border:1px solid #000;
 position:fixed;
 top:10px;
 left:10px;
 width:150px; 
 height:150px; 
 background-color:#afa; 
}

</style>
</head><body>

<div id="a1">
 <div id="f1">fixed</div>
 <p>test</p>
 <p>test</p>
 <p>test</p>
 <p>test</p>
 <p>test</p>
 <p>test</p>
 <p>test</p>
 <p>test</p>
 <p>test</p>
 <p>test</p>
 <p>test</p>
 <p>test</p>
 <p>test</p>
 <p>test</p>
 <p>test</p>
 <p>test</p>
 <p>test</p>
 <p>test</p>
 <p>test</p>
 <p>test</p>
</div>

</body></html>

der IE fixed mir die zweite DIV (f1) aber nicht im ersten DIV (a1) sondern es schwebt FIXED zum Browserrand.

danke
toom

zwutz

nicht wirklich...

du könntest es aber mit absolute außerhalb des äußeren divs so positionieren, dass es an der gewünschten position ist. Das hätte zumindest optisch den gewünschten Effekt (nur das positionieren wird ein wenig komplizierter und fehleranfälliger)

das Problem ist aber das der erste DIV (a1) nicht immer an der gleichen stelle ist im browser.

Nico D.

Ist a1 wirklich nicht geschlossen?

PRIEST

heini schrieb:

Ist a1 wirklich nicht geschlossen?

Hö wie meinst das

Nico D.

Oh, hab gerade gesehen, dass ich das abschliessende Tag fuer a1 dahinter uebersehen hatte. Hat sich also erledigt.