Nabend Bartenbach
Einige Kleinigkeiten vorweg:
1.
xml-Prolog zu Beginn ist zwar eigentlich korrekt, lässt den IE jedoch im
Quirksmode rendern und somit versteht er das sogenante "
Boxmodell" falsch.
(die 3 fettgedruckten Begriffe werden in Google gut erklärt
)
2. du hast in CSS die ID "Seite" definiert und unten dann dem Container die ID "seite" zugewiesen. Da musst du auf Groß- und Kleinschreibung achten
3. Stylesheets müssten im <head>-Tag definiert werden und nicht zwischen head-Tag und und bodytag
Hab dir mal n kleines Beispiel geschrieben, wie du das machen
könntest mit dem Text und den Bilder.
Ich weiß jetzt nicht so genau, ob das von der Semantik her das Optimum ist, aber für den Anfang doch ganz passabel
Code:
<!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>
<title>Unbenanntes Dokument</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css" >
* {
margin:0;
padding:0
}
body {
color: black;
font: 12px Verdana,Arial,sans-serif;
padding: 1em 0;
text-align: center;
background: blue url(teile/bg.gif);
}
div#Seite {
text-align: left; /* Seiteninhalt wieder links ausrichten */
margin: 0 auto; /* standardkonforme horizontale Zentrierung */
width: 700px;
background: #fff url(teile/boarders.gif) repeat-y;
}
div#headerpics1 {
background: url(teile/raft_v.jpg) right top no-repeat;
min-height: 230px;
}
div#headerpix2 {margin:0 auto;}
</style>
</head>
<body>
<div id="Seite">
<div id="headerpics1" >
[img]teile/raft_h.jpg[/img]</p>
test Link</p>
</div>
</div>
</body>
</html>