versuch es mal hiermit:
Code
#footer {
width:100%;
height: 20px;
text-align: center;
border: solid 2px;
border-color: #5585F5;
background: #DAFF82;
margin-top: 25px;
margin-bottom: 20px;
}
#header {
width:100%;
height: 40px;
text-align: center;
border: solid 2px;
border-color: #5585F5;
background: #DAFF82;
margin-top: 25px;
margin-bottom: 20px;
}
#head {
text-align:center;
}
h1 {
color: #000080;
text-decoration: underline;
text-align:center;
width:99%;
text-align: center;
background: #DAFF82;
margin-top: 25px;
margin-bottom: 20px;
}
#inhalt {
width:100%;
text-align: center;
border: solid 2px;
border-color: #5585F5;
background: #DAFF82;
margin-top: 25px;
margin-bottom: 20px;
}
h2 {
color:#008B80;
}
img{ /*So werden alle Bilder rechts gesetzt.*/
float: right; /*um nur eines so zu plazieren musst du ne #*/
margin-right: 20px; /*davor setzen und das ganze mit id="" machen.*/
}
Alles anzeigen
Musst dann nur noch den HTML-Teil anpassen