Text horizontal zentrieren

Vittel · #1 (**permalink**) 23.07.2013, 14:41

Hallo zusammen,
ich habe folgenden HTML Code als Footer:
<div style="background-color:#696969;width:93%;
height:30px;" align="center">Adresse Adresse Adresse</div>

Das ganze sieht auch ganz gut aus, jedoch hängt mir der Text zu sehr oben an dem grauen Balken.
Lässt sich dass irgendwie regeln, dass es zentriert ist.

Danke und Grüße

gaby · #2 (**permalink**) 23.07.2013, 16:08

Zitat:

Zitat von Vittel

ich habe folgenden HTML Code als Footer:
<div style="background-color:#696969;width:93%;
height:30px;" align="center">Adresse Adresse Adresse</div>

Das ganze sieht auch ganz gut aus, jedoch hängt mir der Text zu sehr oben an dem grauen Balken.
Lässt sich dass irgendwie regeln, dass es zentriert ist.

Hallo,

Wenn dein Text sehr kurz ist, und auch bei schmalem viewport noch in eine Zeile passt, kannst du zusätzlich zu 'height' noch 'line-height' mit dem gleichen Wert deklarieren.

Allerdings würde ich nicht 'px', sondern 'em' verwenden.
Mit der Schrifteinheit 'px' wird dein Text nicht mehr vertikal zentriert sein, wenn sich ein Besucher deiner Site die Schriftgröße verstellt.

so in etwa:

Code:

<div style="background-color:#696969; 
    height:2.5em;  line-height: 2.5em; 
    width:93%;  margin: auto;
    text-align: center;">
      Adresse Adresse Adresse
</div>

Die Inline-Styles sollten eigentlich in ein externes Stylesheet.

Grüße
gaby

Vittel · #3 (**permalink**) 23.07.2013, 16:36

Hallo Gaby,
vielen Dank hat einwandfrei funktioniert.

Liebe Grüße

vanDerb · #4 (**permalink**) 23.07.2013, 18:20

Ausserdem align="center" durch style="text-align: center" ersetzen, da das align-Attribut für divs bereits in HTML4 deprecated und in HTML5 erst nicht mehr unterstützt wird.

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Wrapper wächst nicht mit, keine Floats	maclady	CSS	11	10.02.2010 18:30
Wachsende Container	Andy CD	CSS	13	10.02.2010 14:08
DIV bis GANZ unten	burnZ	CSS	5	27.07.2008 14:14
Helft mir. Ich habe voll die Leseschwäche	nick	CSS	12	15.01.2008 21:52
Problem mit div und Höhe	deep4	CSS	2	13.11.2007 21:03