mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Do 18.04.2024 14:02 Benutzername: Passwort: Auto-Login

Thema: Schrift im div zentrieren vom 07.08.2012


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> Schrift im div zentrieren
Autor Nachricht
andi79
Threadersteller

Dabei seit: 07.08.2012
Ort: -
Alter: -
Geschlecht: -
Verfasst Di 07.08.2012 12:59
Titel

Schrift im div zentrieren

Antworten mit Zitat Zum Seitenanfang

Hallo Zusammen,

ich möchte einen text im div zentrieren.
Im ie macht er das schon von alleine aber im firefox steht der text an der untersten linie.
Ich habe folgendes ins DIV gepackt:

#Kopfnav{
position: absolute;
z-index:0;
width:260px;
height: 30px;
margin-left: 932px;
margin-top: 91px;
padding-left: 70px;
vertical-align:middle;
background-color:#C6CDDC;
}

Wäre super wenn mir da jemand helfen könnte bin absoluter neuling

vg andi
  View user's profile Private Nachricht senden
easteregg

Dabei seit: 15.02.2003
Ort: Deutschland
Alter: 36
Geschlecht: Männlich
Verfasst Di 07.08.2012 14:37
Titel

Antworten mit Zitat Zum Seitenanfang

display: table-cell und es sollte klappen. http://phrogz.net/css/vertical-align/index.html
  View user's profile Private Nachricht senden
Anzeige
Anzeige
Benutzer 95541
Account gelöscht


Ort: -

Verfasst So 12.08.2012 19:29
Titel

Antworten mit Zitat Zum Seitenanfang

easteregg hat geschrieben:
display: table-cell und es sollte klappen. http://phrogz.net/css/vertical-align/index.html


mit line-height (Höhe des DIVs geben) könnte man es notfalls auch versuchen, klappt bei mir meistens *zwinker*
 
easteregg

Dabei seit: 15.02.2003
Ort: Deutschland
Alter: 36
Geschlecht: Männlich
Verfasst So 12.08.2012 19:55
Titel

Antworten mit Zitat Zum Seitenanfang

mnari hat geschrieben:
mit line-height (Höhe des DIVs geben) könnte man es notfalls auch versuchen, klappt bei mir meistens *zwinker*
Bei Einzeilern auch meine liebste Lösung. Bei Mehrzeilern aber eher unschön *zwinker*
  View user's profile Private Nachricht senden
heiko_rs

Dabei seit: 06.02.2008
Ort: Berlin
Alter: -
Geschlecht: Männlich
Verfasst Mo 13.08.2012 18:22
Titel

Antworten mit Zitat Zum Seitenanfang

mnari hat geschrieben:
mit line-height (Höhe des DIVs geben)

Gerade wenn man Text in einem Element mit fester Höhe zentriert, sollte man dafür sorgen, dass bei Textzoom nicht gleich alles auseinanderfällt => möglichst geringe line-height, und die Zentrierung per (min-)height und padding-top erreichen. Denn bei einer hohen line-height wandert der Text bei Textzoom in Riesenschritten nach unten und läuft ganz schnell über.

Aber besser ist natürlich tatsächlich der Einsatz der CSS-table-Eigenschaften (der IE7, der sie nicht kennt, kann auf verschiedene Weisen gehackt werden).
  View user's profile Private Nachricht senden
 
Ähnliche Themen [CSS] Div zentrieren
css div zentrieren
CSS/Javascript (?) Div zentrieren
<div> vertical zentrieren
Zentrieren & Fixed im IE
[JavaScript] Pop-Up zentrieren
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.