So z.B. könnte es gehen:
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>SeiteXYZ</title>
<style type="text/css">
.helpline {
position:absolute;
height:1px;
width:100%;
top:50%;
}
.cont {
position:absolute;
height:400px;
width:700px;
left:50%;
margin-left:-350px;
margin-top:-200px;
text-align:center;
border: #000000 1px solid;
}
</style>
</head>
<body>
<div class='helpline'>
<div class='cont'>
<p>Das hier steht alles genau in einem zentrierten Kasten.</p>
</div>
</div>
</body>
</html>
Erklärung dazu: Im HTML-Teil wird ein div-Container helpline geöffnet, darin ein div-Container "cont". Darin steht dann der Inhalt.
Zum CSS: .helpline befindet sich (von der Höhe her) genau in der Seitenmitte und ist 1px hoch. Dieser Container dienst nur als Positionierungshilfe für den inneren Container
.cont hat genaue Angaben, wie groß Dein Inhalt sein soll, in diesem Beispiel 400x700px. Wäre "cont" auch nur 1px breit, würde "left: 50%" ausreichen, da das genau die Mitte wäre. Der Inhalt ist aber 700px breit, also wird er um genau die Hälft der Breite nach links "rausgeschoben", die andere Hälfte lappt dann rechts über => margin-left: -350px. Gleiches Prinzip mit der Höhe...
Aber ich kann Lea nur beipflichten, HTML-Grundwissen ist eine tolle Sache, also ab zu SelfHTML. Und wenn Du da fertig bist ;-) und noch Hunger auf CSS hat, dann versuch mal
http://www.csszengarden.com, da gibt es einen "resources"-Teil mit tollen und hilfreichen Links zu Seiten, die Dir CSS-Tricks beizubringen versuchen.
Liebe Grüße, der Graf.