Dann überschreib das mal hiermit:
Code:
* {
margin: 0;
padding: 0;
}
body {
background-color: #31639C;
margin: 0;
padding:0;
text-align: center;
font: 12px Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 2em;
font-weight: 100;
color: #000000;
margin: auto;
padding: 100px;
}
#container {
background-color: yellow;
border: 1px solid #31639C;
color: black;
width: 600px;
text-align: left;
background-color: #CECE9C;
margin: 0 auto;
}
#naviSonne {
position: absolute;
top: 5px;
left: 350px;
bottom: 250px;
}
#navioben {
color: black;
border: 1px solid #31639C;
background-color:#31639C ;
width: 650px;
}
#navioben li {
display: inline;
}
#navioben a {
text-decoration: none;
}
#menu {
border: 1px solid #31639C;
background-color:#31639C;
text-align: left;
height: 20px; /*wird nicht nach links formatiert*/
}
#menu li{
display: inline;
}
#menu a {
text-decoration: none;
}
#contents {
color: black;
margin: 15px;
line-height: 2em;
}
.box1 {
/*border: 1px solid red;*/
width: 250px;
float: left;
text-align: justify;
}
.box2, .box3 {
float: right;
width: 250px;
/* border: 1px solid #31639C; */
text-align: justify;
}
#footer {
clear: both;
text-align: center;
background-color: #31639C;
}
Der erste Teil (
* {margin:0;padding:0;}) sorgt dafür, dass die Abstände zurückgesetzt werden.