zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > (X)HTML
Seite neu laden Textzentrierung

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 02.12.2010, 21:13
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 02.12.2010
Beiträge: 1
Dobby befindet sich auf einem aufstrebenden Ast
Standard Textzentrierung

Hallo!

Ich bin noch relativ unerfahren in Sachen HTML/CSS und bin daher auf eure Hilfe angewiesen.
Und zwar möchte ich einen Text innerhalb eines DIV-Containers zentriert ausrichten, und zwar von allen Seiten aus, top, bottom, left, right. Wenn ich <center> verwende, dann ist der Text nur von links und rechts aus gesehen mittig, nicht aber von oben und unten. Durch padding:top wird das Element größer als zuvor definiert. Wie bekomme ich das nun hin?

Liebe Grüße
Dobby
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 02.12.2010, 23:27
Benutzerbild von monran
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 28.07.2009
Beiträge: 180
monran befindet sich auf einem aufstrebenden Ast
Standard

googlen. text vertikal zentrieren. da gibts schon massig fragen nach. genauso "wie ein bild vertikal zentrieren."
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 02.12.2010, 23:46
Benutzerbild von nevermind
Trollflüsterer
XHTMLforum-Kenner
 
Registriert seit: 29.08.2005
Ort: Bietigheim-Bissingen
Beiträge: 2.215
nevermind ist ein Lichtblicknevermind ist ein Lichtblicknevermind ist ein Lichtblicknevermind ist ein Lichtblicknevermind ist ein Lichtblicknevermind ist ein Lichtblick
Standard

Ohne genaueres Codebeispiel kann man schlecht antworten.
Höhe/Breite entfernen und per padding positionieren.

padding: Innenabstand: CSS-Referenz auf CSS 4 You - The Finest in Stylesheets
__________________
Gruß Roman // ngkreativ.de - Webdesign & Motorradumbau
Mit Zitat antworten
  #4 (permalink)  
Alt 03.12.2010, 00:56
Benutzerbild von ArcVieh
//
XHTMLforum-Kenner
 
Registriert seit: 19.12.2006
Ort: Gütersloh
Beiträge: 1.844
ArcVieh sorgt für eine eindrucksvolle AtmosphäreArcVieh sorgt für eine eindrucksvolle Atmosphäre
Standard

Zitat:
Zitat von MetaCrawler Beitrag anzeigen
Ohne genaueres Codebeispiel kann man schlecht antworten.
Höhe/Breite entfernen und per padding positionieren.

padding: Innenabstand: CSS-Referenz auf CSS 4 You - The Finest in Stylesheets
Ergänzung: horizontale Textausrichtung mit text-align:center;
Für die vertikale padding. Warum? Das ist hier erklärt:
Zitat:
[...]Oft sieht man zwar auch eine Vertikalzentrierung per line-height, jedoch ist davon abzuraten, da diese Methode erstens sehr ungenau ist, zweitens bei Zeilenumbruch überdimensionierte Zeilenabstände bewirkt, und drittens Text mit großer line-height extrem sensibel auf Textzoom reagiert, d.h. er wandert bei Vergrößerung wesentlich schneller nach unten als bei geringer line-height, so dass die Vertikalzentrierung sehr schnell verlorengeht.

Vor allem aus letzterem Grunde sollte für die Vertikalzentrierung von Menü-Texten immer eine geringe line-height gewählt werden, erst recht wenn der Text in einem Menü mit fester Höhe vertikal zentriert werden soll (wovon grundsätzlich allerdings abzuraten ist). In diesem Falle wird die Vertikalzentrierung des Textes erzielt, indem a height und padding-top bekommt (padding-bottom sollte hierbei Null sein). Dank geringer line-height wird sich der Text bei Vergrößerung nur unwesentlich nach unten bewegen, so dass das Menü relativ viele Vergrößerungsstufen verträgt, bevor sein Text überläuft.
[...]
Zitat heiko_rs.

MetaKrauler hat aber recht: Ohne Codebeispiel ist unsere Hilfestellung begrenzt.
Zitat:
Zitat von Dobby Beitrag anzeigen
Wenn ich <center> verwende, dann ist der Text nur von links und rechts aus gesehen mittig, nicht aber von oben und unten. Durch padding:top wird das Element größer als zuvor definiert.
Du musst verstehen, wie sich (End-)Breite und (End-)Höhe in CSS errechnen.
Dazu schau dir bitte das Box-Model an!
Zitat:
Zitat von monran Beitrag anzeigen
googlen. text vertikal zentrieren. da gibts schon massig fragen nach. genauso "wie ein bild vertikal zentrieren."
Google bitte nach "xhtmlforum Für Fragende, für Antwortende".
__________________
CSS-FAQ beantwortet die meisten Fragen | Retro coding gegen Divitis | Code validieren & posten für Hilfe
Mit Zitat antworten
  #5 (permalink)  
Alt 03.12.2010, 14:28
Benutzerbild von Manfred62
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2009
Ort: Ludwigsburg
Beiträge: 2.134
Manfred62 ist einfach richtig nettManfred62 ist einfach richtig nettManfred62 ist einfach richtig nettManfred62 ist einfach richtig nettManfred62 ist einfach richtig nett
Standard

Zitat:
Zitat von ArcVieh Beitrag anzeigen
MetaKrauler...
Wen krault Roman denn...?

scnr Manfred
Mit Zitat antworten
  #6 (permalink)  
Alt 03.12.2010, 14:44
Benutzerbild von nevermind
Trollflüsterer
XHTMLforum-Kenner
 
Registriert seit: 29.08.2005
Ort: Bietigheim-Bissingen
Beiträge: 2.215
nevermind ist ein Lichtblicknevermind ist ein Lichtblicknevermind ist ein Lichtblicknevermind ist ein Lichtblicknevermind ist ein Lichtblicknevermind ist ein Lichtblick
Standard

__________________
Gruß Roman // ngkreativ.de - Webdesign & Motorradumbau
Mit Zitat antworten
  #7 (permalink)  
Alt 03.12.2010, 14:54
Benutzerbild von hubspe
Eisen 7 ole....
XHTMLforum-Kenner
 
Registriert seit: 22.06.2007
Ort: Passau
Beiträge: 7.086
hubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblick
Standard

Zitat:
Zitat von Manfred62 Beitrag anzeigen
Wen krault Roman denn...?
scnr Manfred
ich glaub das Rumpelstilzchen mit dem roten Kopf.
__________________
Ein mehrfacher Gruß aus dem Südosten
Klaus
Mit Zitat antworten
  #8 (permalink)  
Alt 03.12.2010, 18:04
Benutzerbild von Boris
Tanzender Webentwickler
XHTMLforum-Kenner
 
Registriert seit: 29.07.2004
Ort: Kornwestheim / Stuttgart
Beiträge: 4.925
Boris ist ein sehr geschätzer MenschBoris ist ein sehr geschätzer MenschBoris ist ein sehr geschätzer Mensch
Standard

Ihr legt euch mit dem Falschen an
__________________
My software never has bugs. It just develops random features ...

» DevShack - die Website des freien Webentwicklers Boris Bojic
Mit Zitat antworten
  #9 (permalink)  
Alt 03.12.2010, 18:17
Benutzerbild von nevermind
Trollflüsterer
XHTMLforum-Kenner
 
Registriert seit: 29.08.2005
Ort: Bietigheim-Bissingen
Beiträge: 2.215
nevermind ist ein Lichtblicknevermind ist ein Lichtblicknevermind ist ein Lichtblicknevermind ist ein Lichtblicknevermind ist ein Lichtblicknevermind ist ein Lichtblick
Standard

Es könnte Verletzte geben!
Aber Boris hat recht, nehmt lieber ihn...
__________________
Gruß Roman // ngkreativ.de - Webdesign & Motorradumbau
Mit Zitat antworten
Sponsored Links
  #10 (permalink)  
Alt 03.12.2010, 22:28
Benutzerbild von hubspe
Eisen 7 ole....
XHTMLforum-Kenner
 
Registriert seit: 22.06.2007
Ort: Passau
Beiträge: 7.086
hubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblick
Standard

Zitat:
Zitat von Boris Beitrag anzeigen
Ihr legt euch mit dem Falschen an
Zitat:
Zitat von MetaCrawler Beitrag anzeigen
Es könnte Verletzte geben!
Aber Boris hat recht, nehmt lieber ihn...
ich wollt doch bloß ein bißchen Roman sticheln.......
__________________
Ein mehrfacher Gruß aus dem Südosten
Klaus
Mit Zitat antworten
Sponsored Links
Antwort

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



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