nicht angemeldet
Hallo zusammen,
ich versuche mich gerade etwas in CSS einzuarbeiten und habe da ein Probelm. Ich habe folgende Seite fertig gemacht:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css">
body {
padding: 0px;
margin:0px;
background-color: #e5efea;
}
#proContainer {
position:relative;
width:970px;
margin:auto;
background-color:#FFFFFF;
}
#logo {
position:absolute;
top:0px;
left:0px;
width:100%;
background-color:#FFFFFF;
}
#links {
position:absolute;
top:50px;
left:0px;
width:180px;
background-color:#FFFFFF;
}
#inhalt {
position:absolute;
top:50px;
left:180px;
padding-left:10px;
padding-right:10px;
width:590px;
background-color:#FFFFFF;
}
#rechts {
position:absolute;
top:50px;
right:0px;
width:180px;
background-color:#FFFFFF;
}
</style>
<title>eine seite</title>
</head>
<body>
<div id="proContainer">
<div id="logo">...</div>
<div id="inhalt">...</div>
<div id="links">...</div>
<div id="rechts">...</div>
</div>
</body>
</html>
Wenn ich mir die Seite jetzt anzeigen lasse, ist der Bereich zwischen dem Logo und dem Inhalt nicht weiss, sondern in der Hintergrundfarbe des Bodys. Und genau das verstehe ich nicht. Dieser Bereich liegt doch im DIV "proContainer" und dieser DIV hat die Hintergrundfarbe weiß. Wieso ist dort trotzdem eine andere Hintergrundfarbe?
Gruß
Merda