Hallo Community,
Ich habe folgendes Problem:
Ich möchte das meine CSS Boxen Runde Ecken haben, ich habe versucht das mit folgendem Code zu realisiren:
CSS-Datei:
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 {
background:url(logo_lu.png) bottom left no-repeat;
margin:0;
padding:0;
}
.Logo_lo {
background:url(logo_lo.png) top left no-repeat;
margin:0;
padding:0;
}
.Logo_ro {
background:url(logo_ro.png) top right no-repeat;
margin:0;
padding:0;
}
.Logo_ru {
background:url(logo_ru.png) bottom right no-repeat;
margin:0;
padding:0;
}
HTML-Datei
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Titel</title>
<link rel="stylesheet" type="text/css" href="index.css">
</head>
<body>
<div id="Logo_Hintergrund">
<div class="Logo_lo">
<div class="Logo_ro">
<div class="Logo_lu">
<div class="Logo_ru">
</div>
</div>
</div>
</div>
</div>
</body>
</html>
Mein Problem ist das in meiner Box nur die oberen beiden Ecken angezeigt werden.
Ich hoffe ich findet meinen Fehler und könnt mir weiter helfen.
Ich danke jeder Hilfe im vorraus.
-Baxmor-