Ich nochmal - funktioniert doch mit z-index,
Musst es nur bei allen umgebenden DIVs angeben:
<style type='text/css'>
body {
background: #FFFFFF;
}
div.mitte {
margin-left: 50%;
z-index: 1;
}
div.frame {
position: absolute;
background: url(../img/frame.gif) no-repeat;
height: 600px;
width: 500px;
}
div.bg {
position: relative;
background: url(../img/bg/bg1.jpg) no-repeat 50% 50%;
height: 600px;
width: 500px;
margin-left: -250px;
z-index: 2;
}
div.text {
position: absolute;
height: 285px;
width: 236px;
left: 150px;
top: 150px;
overflow: auto;
z-index: 5;
}
div.menu {
position: absolute;
background: #0000FF;
height: 200px;
width: 186px;
left: 15px;
visibility: visible;
z-index: 7;
}
div.arrows {
position: absolute;
width: 186px;
top: 410px;
left: 166px;
}
div.header {
position: relative;
background: #00FF00;
width: 218px;
z-index: 6;
}
div.arrowr {
position: absolute;
background: url(../img/arrowr1.gif) no-repeat;
height: 29px;
width: 26px;
left: 160px;
visibility: hidden;
}
div.arrowl {
position: absolute;
background: url(../img/arrowl1.gif) no-repeat;
height: 29px;
width: 26px;
visibility: hidden;
}
#center div {
text-align: center;
z-index: 3;
}
#schrift span {
color: #F3F3F3;
font: 14px 'Verdana';
}
#schrift div {
display: block;
color: #FFFFFF;
font: 16px 'Verdana';
z-index: 4;
}
#beschreibung acronym {
color: #D0D0D0;
font: 14px 'Verdana';
}
</style>
Greetz,
bene