ich erstelle zurzeit eine neue seite mit adobe dreamweaver cs 4 , und da hab ich ein problem . ich hab den backround gefixed und und meine buttons auf den background mittel css ausgerichtet, aber wenn ich die index jetzt im browser aufrufe und die fenstergröße des browser ändere verschieben sich die buttons gegenüber dem background. woran kann das liegen.
thx im vorraus
<style type="text/css">
<!--
body,td,th {
font-family: Verdana, Geneva, sans-serif;
font-size: 9px;
}
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
background-image: url(Empous%20Records%20logo2vm.jpg);
background-repeat: no-repeat;
background-color: #DFE9AC;
background-position: center top;
background-attachment: fixed;
}
.button1 {
position: absolute;
top: 97px;
right: 468px;
}
.button2 {
position: absolute;
top: 148px;
right: 283px;
}
.button3 {
position: absolute;
top: 222px;
right: 174px;
}
.button4 {
position: absolute;
top: 547px;
right: 605px;
}
.button5 {
top: 529px;
right: 408px;
position: absolute;
}
.button6 {
position: absolute;
top: 503px;
right: 264px;
}
-->
</style>
<script type="text/javascript">
<!--
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
</head>
<body position: fixed; onload="MM_preloadImages('release 2.gif','Label 2.gif','artists2.gif','link 2.gif','Kontakt2.gif','impressum2.gif')">
<a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('artists','','artists2.gif',1)"><img src="artists.gif" name="artists" width="100" height="50" border="0" class="button3" id="artists" /></a>
<a href="lol" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Label','','Label 2.gif',1)"><img src="Label.gif" name="Label" width="100" height="50" border="0" class="button2" id="Label" /></a>
<a href="lol" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('link','','link 2.gif',1)"><img src="link.gif" name="link" width="100" height="50" border="0" class="button4" id="link" /></a>
<a href="lol" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('kontakt','','Kontakt2.gif',1)"><img src="Kontakt.gif" name="kontakt" width="100" height="50" border="0" class="button5" id="kontakt" /></a>
<a href="lol" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('impressum','','impressum2.gif',1)"><img src="impressum1.gif" name="impressum" width="100" height="50" border="0" class="button6" id="impressum" /></a>
<a href="lol" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('release','','release 2.gif',1)"><img src="release.gif" name="release" width="100" height="50" border="0" class="button1" id="release" /></a>
</body>
Zitat geschrieben von annemarie
