|
|||
Text horizontal und vertikal auf Seite zentriert
Guten Tag
ich möchte einen Text sowohl horizontal als auch vertikal zentriert anzeigen, aber das funktioniert leider nicht (Beispiel: Fotos 2014 ). Bei dem div, in dem sich der Text befindet, habe ich die Breite und Höhe mit jeweils 100 % angegeben, aber das wird leider ignoriert. Wieso? Gebe ich die Breite und Höhe in Pixel an, so funktioniert es (Beispiel: Fotos 2014 ), aber dadurch ist der Text eben nicht horizontal und vertikal auf der Seite zentriert. Zur Veranschaulichung habe ich als Hintergrundfarbe vom DIV, in dem sich der Text befindet, schwarz gewählt. |
Sponsored Links |
|
||||
|
Sponsored Links |
|
|||
Zitat:
Hallo Manfred viel herzlichen Dank für das Beispiel und die Links! Die Demo ist genau das, was ich gesucht habe. Auch die Methode im ersten Link ist klasse. Vielen vielen Dank! |
|
||||
Im ersten Beispiel
Fotos 2014 hast Du schon fast alles richtig. Nur „vertical-align“ bei #page kann so nicht greifen. vertical-align → Inline-Blocks, (CSS-)Tables. Beispielsweise bräuchte #page ein „display: table-cell;“ und #global ein „display: table;“. Nachtrag: Habe mir kurz die Beispiele auf http://css-tricks.com/centering-css-complete-guide/ angeschaut: Element mit unbekannter Höhe vertikal Zentrieren → Position „absolute“, Flexbox. So kann man das auch machen. Allerdings nur wenn man sicher ist, dass der Inhalt nie höher als das Browser-Fenster wird. Wenn doch, dann ist der obere Teil des Inhalts unerreichbar → kein Scrollen möglich. Geändert von etux (03.01.2015 um 19:22 Uhr) |
|
|||
Zitat:
bei #page hatte ich das „display: table-cell;“ schon. bei #global habe ich nun ergänzt: „display: table;“ und es funktioniert nun! Danke! |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Navigations-Leiste wird nicht richtig angezeig. | vaporizzle | CSS | 5 | 05.02.2014 17:29 |
Hintergrund wird nicht angezeigt | maxx | CSS | 6 | 14.10.2012 19:27 |
Wachsende Container | Andy CD | CSS | 13 | 10.02.2010 14:08 |
gibt es eine andere Lösung ohne Tabelle? | online | CSS | 16 | 24.04.2009 09:41 |
bild über 2 div-tags positionieren | MoJo | CSS | 7 | 12.06.2006 17:48 |