Einzelnen Beitrag anzeigen
  #2 (permalink)  
Alt 04.12.2005, 21:53
^uncool ^uncool ist offline
i like to move it
XHTMLforum-Mitglied
 
Registriert seit: 06.03.2005
Ort: Freiburg
Beiträge: 205
^uncool befindet sich auf einem aufstrebenden Ast
Standard

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>
__________________
>> Linux is like a wigwam: no windows, no Gates, Apache inside. <<
Mit Zitat antworten
Sponsored Links