Textkasten vertikal zentriert, aber wie?

[Lou11]

Hallo liebes Team,

ich bin eben beim Designen auf ein mehr oder minder großes Problem gestoßen.
Ich habe sehr wenig Ahnung von HTML und bin was das angeht auch ein ziemlicher Bob -.-

Die interne SuFu sowie Google habe ich bereits bemüht, doch da kamen nur Sachen wie Formularfelder bei mir raus.

Es geht halt darum, dass ich meiner "Website" einen Kasten geben kann, wo ich die neusten Sachen halt reinschreiben kann. Nur soll der sich mittig befinden, also dass der Kasten sich mitbewegt, falls die Größe des Browserfensters modifiziert wird. Außerdem soll der Text innerhalb des kastens linksbündig sein. Wie sähe solch ein Code konkret aus?

Hier das Beispiel, an dem ich mich orientiere:
http://www.heavenshallburn.com/index.phphttp://www.heavenshallburn.com/index.php

Es wäre echt supernice wenn ihr mir helfen könntet :) Vielen Dank im Voraus ^^

MfG Lou(11)

 

[MiTsch]

Hallo Lu11,

schau mal hier!
Dies könnte dir weiterhelfen.

Alternativ kannst Du es auch mal mit folgenden Code (getestet) versuchen.

/* BODY */
html,
body
{
 width:100%;
 height:100%;
 display:block;
 margin:0;
 padding:0;
 background-color:#498561;
}
#wrapper
{
 width:600px;
 height:100px;
 left:50%;
 position:absolute;
 display:block;
 margin-top:-50px;
 margin-left:-300px;
 top:50%;
}

Der Code erzeugt einen Wrapper in der größe 600 Pixel breit und 100 Pixel hoch.
Dieser Wrapper wird dann immer mittig auf der Seite gehalten.
Alternativ kannst Du das natürlich auch nur auf einen Container innerhalb eines Wrappers anwenden.

Viele Grüße
MiTsch

 

[Lou11]

Ah, okay. Thx :)

Und wie bzw. wo muss ich den jetzt einfügen, damit das auch grafisch umgesetzt wird? Also wenn ich das alles so einfüge, dann passiert da nicht so viel :(

Wie gesagt, bin halt 'n ziemlicher Anfänger -.-*

 

[MiTsch]

Mit welchem Programm oder Editor erstellst Du den deine Webseite?

Der vorgennante Code wäre die CSS-Anweisung für den Style deiner Seite.

Da man heute nicht mehr Inhalt und Style einer Seite in einer Datei schreibt,
sondern beides trennt, sollte es eine *.css Datei bei Dir geben.

Vielleicht hilft dir dieses Tutorial etwas weiter.
Speziell ab 05:37

Viele Grüße und viel Erfolg
MiTsch