So ganz hab ich wahrscheinlich nicht verstanden, was du willst, aber ich denke mal es soll so etwas in der Art herauskommen.
Den Refresh kannst du wie ich mit
window.cbe.addEventListener("resize", init, false);
abfangen oder durch den Aufruf der Funktion init() mit einem Link.
Ich mag Frames nicht. Da finden die Suchmaschinen nichts mehr.
Code:
<html><head>
<title>Div-Test</title>
<style>
A:link {color : black; text-decoration: none; font-size : 9pt;}
A:visited {color : black; text-decoration: none; font-size : 9pt;}
A:hover {color : black; text-decoration: none; font-size : 9pt;}
A:active {color : black; text-decoration: none; font-size : 9pt;}
.a {position:absolute; visibility:hidden;
width:50; height:50;
background:transparent; layer-background-color:transparent;}
</style>
<script type='text/javascript' src='cbe/cbe_core.js'></script>
<script type='text/javascript' src='cbe/cbe_clip.js'></script>
<script type='text/javascript' src='cbe/cbe_debug.js'></script>
<script type='text/javascript' src='cbe/cbe_slide.js'></script>
<script type='text/javascript' src='cbe/cbe_slide2.js'></script>
<script type='text/javascript' src='cbe/cbe_event.js'></script>
<script type='text/javascript'>
<!--
var a1,a2,a3;
function windowOnload() {init()};
function init(){
var st = document.cbe.scrollTop();
window.cbe.addEventListener("resize", init, false);
window.cbe.addEventListener('scroll', scrollListener);
with (a1 = cbeGetElementById('a1').cbe) {
background("#C00000");
resizeTo(document.cbe.width(),110);
moveTo(0,0);
show();
}
with (a2 = cbeGetElementById('a2').cbe) {
background("#ED6A1B");
resizeTo(200,document.cbe.height()-110);
moveTo(10,120+st);
show();
}
with (a3 = cbeGetElementById('a3').cbe) {
background("#EDD71B");
resizeTo(document.cbe.width()-200,document.cbe.height()-110);
moveTo(210,120);
show();
}
function scrollListener(e) {
var st = document.cbe.scrollTop();
a2.slideTo(10, 120 + st,800);
}
}
//-->
</script>
</head>
<body bgcolor="#808080">
<div id="a1" class="a">Hier steht der Kopf</div>
<div id="a2" class="a">Hier steht das Menü</div>
<div id="a3" class="a">Hier steht der eigentliche Text</div>
</div>
</body>
</html>
Die JS-Dateien bekommst du bei http://www.cross-browser.com im Download
Lesezeichen