Seite / Inhalt mit CSS zentrieren

Fragen hierzu kommen hier rein.

Seite / Inhalt mit CSS zentrieren

Beitragvon keyes » Mi 22. Jul 2009, 22:29

Man kann eine Seite ganz gut mit CSS zentrieren.

Man erstellt ein DIV-Container nach einem beliebigen Namen, z.b. zentriert. Dieser Text sollte dann in einer CSS-Datei gespeichert sein (muss aber nicht, kann auch im HTML-Quelltext enthalten sein):

Code: Alles auswählen
#zentriert {
  width: 800px;
  margin: 0px auto;
}


Durch das margin: 0px auto; setzt der Browser dann den Inhalt automatisch in die Mitte. Ich hab mal die Breite auf 800px gesetzt. Man kann auch andere Werte nehmen: 1000px, 70% usw.
Und dann im HTML-Quelltext da wo der Text zentriert sein soll:

Code: Alles auswählen
<html>
<body>

<div id="zentriert">
<h1>Titel</h1>
... Bla bla Inhalt ...
<p> Weiterer Text </p>
</div>

</body>
</html>


Falls jemand hierzu noch Fragen hat, nur her damit ...
Try to live every day as though it were your last. Make the
most of every day and accomplish something. Even if it is
something small, every baby step adds up to a huge success
in the end.
keyes
 
Beiträge: 20
Registriert: Mo 15. Jun 2009, 13:48

Zurück zu HTML

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 1 Gast

cron