nicht angemeldet
Hallo Leute,
ich bin noch ein ziemlicher Neuling in Sachen Html und Css und bräuchte etwas Hilfe bei einem Problem.
Ich habe ein Logo mittels Css aufgebaut und in eine seperate Css-Datei ausgelagert.
Das Logo habe ich mittels div und span aufgebaut und in die Html-Datei mit dem class-Attribut eingebaut.
Sieht folgendermaßen aus:
CSS-Datei:
.body { margin:0px; padding-bottom:0px; padding-left:0px;
padding-right:0px; padding-top:0px; background-color:#FFFACD }
.Zeile1 { position:absolute; top:1px; left:1%; width:68%;
heigth:80px; background-color:#FFFFFF }
.Schrift1 { font-family:Helvetica, Arial, sans-serif;
font-weight:bold; color:#083D89; position:absolute;
left:51%; font-size:70px }
.Zeile1a { position:absolute; top:1px; left:68%; width:30%;
height:80px; background-color:#000000 }
.Zeile2 { position:absolute; top:81px; left:1%; width:34%;
height:80px; background-color:#DC0000 }
.Zeile2a { position:absolute; top:81px; left:34%; width:64%;
height:80px; background-color:#083D89 }
.Schrift2 { font-family:Helvetica, Arial, sans-serif;
font-weight:bold; color:#FFFFFF;
background-color:#083D89; position:absolute; left:3%;
font-size:25px; top:25px }
.Zeile3 { position:absolute; top:161px; left:1%; width:34%;
height:80px; background-color:#FFFFFF }
.Schrift3 { font-family:Helvetica, Arial, sans-serif;
font-weight:bold; color:#DC0000; position:absolute;
left:45%; font-size:25px; top:20px }
.Zeile3a { position:absolute; top:161px; left:34%; width:64%;
height:80px; background-color:#FFFFFF }
.Schrift3a { font-family:Helvetica, Arial, sans-serif;
font-weight:bold; color:#083D89; position:absolute;
left:3%; font-size:25px; top:20px }
.Zeile4 { position:absolute; top:241px; left:31.5%; width:40%;
height:80px; background-color:#FFCC33 }
HTML-Datei (Auszug):
<link rel="stylesheet" type="text/css" href="formateneu.css">
</head>
<body class="body">
<div class="Zeile1"><span class="Schrift1">D-DOK</span></div>
<div class="Zeile1a"></div>
<div class="Zeile2"></div>
<div class="Zeile2a"><span class="Schrift2">DEUTSCHLAND-DOKUMENTATION</span></div>
<div class="Zeile3"><span class="Schrift3">1945 - 2004</span></div>
<div class="Zeile3a"><span class="Schrift3a">Politik, Recht, Wirtschaft und Soziales</span></div>
<div class="Zeile4"></div>
Mein Problem ist nun das in Zeile1 die Hintergrundfarbe nicht angezeigt wird, sondern stattdessen die Hintergrundfarbe des body.
Was habe ich falsch gemacht?
Falls mir jemand helfen kann, wäre ich sehr dankbar.
Tschau Tibor