Code:
<style type="text/css">
body {
background-image: url(image/bg.jpg);
}
{
margin: 0;
padding: 0;
width:100%;
height:100%;
}
#header {
background-image: url(image/header.jpg);
background-repeat:no repeat;
height:125px;
width:335px;
margin-left:auto;
margin-right:auto;
margin-top:27px;
}
#faq {
background-image: url(image/faq.jpg);
background-repeat:no repeat;
height:24px;
width:97px;
margin-left:720px;
margin-top:-24px;
}
#home {
background-image: url(image/home.jpg);
background-repeat: no-reapeat;
height:24px;
width:97px;
margin-left:510px;
margin-top:50px;
}
#partner {
background-image: url(image/partner.jpg);
background-repeat:no repeat;
height:24px;
width:97px;
margin-left:825px;
margin-top:-24px;
}
#impressum {
background-image: url(image/impressum.jpg);
background-repeat:no repeat;
height:24px;
width:97px;
margin-top:-24px;
margin-left:930px;
}
#sms {
background-image: url(image/sms-stuff.jpg);
background-repeat:no repeat;
height:24px;
width:97px;
margin-left:615px;
margin-top:-24px;
}
#contenttop {
background-image: url(image/contenttop.jpg);
background-repeat: no-repeat;
height:22px;
width:527px;
margin-left:auto;
margin-right:auto;
margin-top: 0px;
}
#content {
background-image: url(image/content.jpg);
background-repeat: no-repeat;
height: 521px;
width: 526px;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
}
#footer {
background-image: url(image/footer.jpg);
background-repeat:no repeat;
height:58px;
width:561px;
margin-left:auto;
margin-right:auto;
margin-top:0px;
}
</style>
Der Code aber mit Pixeln verändert sich das eben je nach Auflösung wie kriege ich es besser hin das es sich nicht verschiebt?
Live Beispiel