nicht angemeldet
Servus,
wenn du weißt, dass dein Content 200px hoch ist, könntest du ja eigentlich das Bild gleich fertig mit runden Ecken anlegen und dir das Einbinden von vier Ecken sparen.
Ansonsten:
body {
background-image:url(background.jpg)
}
#Logo_Hintergrund {
position:absolute;
width:800px;
height:200px;
left:50%;
margin-left:-400px;
margin-top:10px;
background-color:#333333;
text-align:center;
}
.Logo_lu {
float:left;
background:url(logo_lu.png) bottom left no-repeat;
margin:0;
padding:0;
width:10px;
height:10px;
}
.Logo_lo {
float:left;
background:url(logo_lo.png) top left no-repeat;
margin:0;
padding:0;
width:10px;
height:10px;
}
.Logo_ro {
float:right;
background:url(logo_ro.png) top right no-repeat;
margin:0;
padding:0;
width:10px;
height:10px;
}
.Logo_ru {
float:right;
background:url(logo_ru.png) bottom right no-repeat;
margin:0;
padding:0;
width:10px;
height:10px;
}
<body>
<div id="Logo_Hintergrund">
<div style="margin-top:0px; margin-left:0px; width: auto;">
<div class="Logo_lo"> </div>
<div class="Logo_ro"> </div>
</div>
<div style="clear:both; height:180px;"> </div>
<div style="margin-bottom:0px; margin-left:0px; width: auto;">
<div class="Logo_lu"> </div>
<div class="Logo_ru"> </div>
</div>
</body>
Viel Spass, Robin