zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Text horizontal zentrieren

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 23.07.2013, 14:41
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 23.07.2013
Beiträge: 2
Vittel befindet sich auf einem aufstrebenden Ast
Frage Text horizontal zentrieren

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
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 23.07.2013, 16:08
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 22.03.2006
Beiträge: 387
gaby sorgt für eine eindrucksvolle Atmosphäre
Standard

Zitat:
Zitat von Vittel Beitrag anzeigen
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

Geändert von gaby (23.07.2013 um 16:29 Uhr)
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 23.07.2013, 16:36
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 23.07.2013
Beiträge: 2
Vittel befindet sich auf einem aufstrebenden Ast
Standard

Hallo Gaby,
vielen Dank hat einwandfrei funktioniert.
Liebe Grüße
Mit Zitat antworten
  #4 (permalink)  
Alt 23.07.2013, 18:20
Benutzer
neuer user
 
Registriert seit: 18.06.2013
Beiträge: 76
vanDerb befindet sich auf einem aufstrebenden Ast
Standard

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.
Mit Zitat antworten
Antwort

Stichwörter
horizontal zentrieren, text zentrieren

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ä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


Alle Zeitangaben in WEZ +2. Es ist jetzt 09:28 Uhr.