WebWork Magazin - Design, Gestaltung, Online Medien, html

Webhosting Provider Domain

Home | Registrieren | Einloggen | Suchen | Aktuelles | GSL-Webservice | Suleitec Webhosting
Reparatur-Forum | Elektro forum | Ersatzteilshop Haushalt und Elektronik



Im Homepage und Webhosting-Forum --- wort/text vertical zentrieren

HTML, XHTML, CSS , style, XML, Javascript und mehr, Fragen, Tipps und Anregungen zu diesen Basic Techniken - hier rein !

Forum » html xml - Hilfe für das Erstellen einer Homepage » wort/text vertical zent... - 22 Okt 2017 Antworten
wort/text vertical zentrieren
Tommmy
Pixelschubser
Threadstarter




Beiträge: 16

Huhu!

Ich habe leider ein großes Problem ... Ich möchte einfach nur einen text in einem div vertical zentrieren, ich habe mir auch schon die verschiedensten tutorials dazu angeschaut, aber bei mir klappt es einfach nicht ... Und ich brauche auch keine unterstützung fürn IE, das sollte glaube ich die Sache erleichtern ...

Also, ich habe ein div mit einer fest definierten Größe und darin soll ein Wort oder ein kleiner Satz oder so, je nachdem vertical zentriert werden, horizontal ist kein Problem ^^

Ich eürde mich riesig über ein kleines Beispiel freuen, danke!

  Profil   E-Mail   Editieren   Zitieren
Ehemaliges Mitglied (#378)
Quasselstrippe




Beiträge: 285

Hallo Tommmy,

meines Wissens kennt ein Div kein vertikales Zentrieren der enthaltenen Objekte. Die einzige Möglichkeit, die ich Dir raten kann, wäre das Ausrichten des Satzes über den Randabstand des Divs. Du müsstest dann als Abstand zum oberen Rand eben die Hälfte der Höhe des Divs nehmen. Okay, ein wenig "um die Ecke" ist das schon, aber das Ergebnis würde wohl stimmen. Versuch macht kluch.

Grüsse
Mond

  Profil   Editieren   Zitieren
Tommmy
Pixelschubser
Threadstarter




Beiträge: 16

Hey Mond!

Also die Idee ist schon ziemlich gut! Das Problem ist nur, dass ich nicht genau weiß, ob mein "Text" den ich ausgebe aus einem oder mehreren Wörtern besteht und falls er zu lang ist, dann kanns passieren, dass er sich über 2 oder mehr Zeilen erstreckt (mein div ist sehr schmal). Und weil ich nun nicht weiß, ob ich die Höhe von einer Zeile oder doch 2 oder 3 Zeilen einberechnen muss, kann ich schlecht den Abstand berechnen ... aber die Idee war gut!

Ich hatte auch gelesen, dass man irgendwie ein äußeres div erstellt, bei dem man einstellt, dass es wie eine Tabelle dargestellt wird (display: table;) und darein ein inneres div packt, bei dem man dann display: table-cell; und vertical-align: middle; setze ... aber das funktioniert leider nicht so wie es angedacht ist :(

dankeschön auf alles Fälle schonmal!

  Profil   E-Mail   Editieren   Zitieren
progrookie
Fachidiot




Beiträge: 128

http://www.w3.org/Style/Examples/007/center#vertical ich glaube dass das Dir weiterhelfen könnte...

wenn nicht anders, zeichne eine skizze wie es aussehen soll, damit man sich genauer vorstellen kann, was gemeint ist...

---

  Profil   E-Mail   Website   Editieren   Zitieren
nogalg
Pixelschubser




Beiträge: 3

Mondschatten schrieb am 06.02.2008 16:23
Hallo Tommmy,

meines Wissens kennt ein Div kein vertikales Zentrieren der enthaltenen Objekte...


ist mit css 2 definitiv nicht möglich.

finde aber die version von progrookie sehr hilfreich.

  Profil   Editieren   Zitieren
 

Antworten


Forum » html xml - Hilfe für das Erstellen einer Homepage » wort/text vertical zent...

Aktuelle Beiträge zur Hilfe im Forum für Homepage - wort/text vertical zentrieren im Forum Homepage Hosting AntwortenLetztes Posting
WIe kann ich Datum ausblenden?
in "html xml - Hilfe für das Erstellen einer Homepage"
0 20.10.2017 10:02 von Kevinkk
CSS: ul li navigation - Problem mit dem Einrücken
in "html xml - Hilfe für das Erstellen einer Homepage"
2 05.07.2017 15:12 von elster
Javascript: Im Inputfeld nur bestimmte Zeichen erlauben.
in "html xml - Hilfe für das Erstellen einer Homepage"
4 27.06.2017 18:10 von Diskus
Multiplier Your Bitcoins Pay 0.07 BTC get 10 BTC In 12 Hours
in "html xml - Hilfe für das Erstellen einer Homepage"
0 03.03.2017 11:16 von getbtcfast
HTML CSS Lernprogramme
in "html xml - Hilfe für das Erstellen einer Homepage"
5 25.02.2017 20:27 von Powerwalker
HTML Template aus Photoshop heraus?
in "html xml - Hilfe für das Erstellen einer Homepage"
1 16.06.2015 08:58 von Zeus
Positionieren in einer DIV-Box
in "html xml - Hilfe für das Erstellen einer Homepage"
0 02.06.2015 13:45 von Louie
Bilder in Seite
in "html xml - Hilfe für das Erstellen einer Homepage"
1 18.03.2015 10:57 von Kevinkk
Tool zum Strukturieren für Javascript-Consolen-Ausgabe gesucht
in "html xml - Hilfe für das Erstellen einer Homepage"
1 03.02.2015 17:42 von Webinator
Problem mit Zeichenverkettung in Javascript
in "html xml - Hilfe für das Erstellen einer Homepage"
2 31.03.2014 19:03 von raiserle
Online-Inhalte einholen, verarbeiten und Text in Word-Datei umändern.
in "html xml - Hilfe für das Erstellen einer Homepage"
3 03.10.2013 19:11 von Annaa
Tabelle mit Mannschaftslogos
in "html xml - Hilfe für das Erstellen einer Homepage"
1 03.10.2013 19:09 von Annaa
Frage zu UTF-8 Sonderzeichen für Handy
in "html xml - Hilfe für das Erstellen einer Homepage"
1 20.08.2013 14:56 von Herby



Besucher : 5331964    Heute : 50     Gestern : 1222     Online : 7     22.10.2017    1:03      1 Besucher in den letzten 60 Sekunden        
alle 60.00 Sekunden ein neuer Besucher
Die letzten 30 Referrer :

1 0:29 - bing.com/search - javascript 2 seiten zurück
2 23:57 - google.de/search - medion Wildkamera vergisst das Datum
3 20:19 - google.de/search - php geburtstagskalender
4 13:41 - bing.com/search - anleitung app intel xdk
5 9:31 - google.de/search - sexwebseiten
6 13:54 - google.com/search - content
7 7:32 - google.de/search - was ist heute mit skype los
8 6:33 - ask.com/web - Teichbau, Hosten
9 17:55 - bing.com/search - freemail die kostenlose e news
10 10:30 - google.at/search - cryptorobo erfahrungen
11 20:26 - google.de/search - playstation store wartungsarbeiten
12 12:27 - bing.com/search - text von homepage extrahieren
13 9:13 - bing.com/search - den Aufwand wäre uns ersparrt
14 19:22 - google.de/search - gmx login geht nicht forum
15 19:06 - google.com/search - content
16 18:56 - google.com/search - content
17 14:51 - bing.com/search - warum ist gmx nicht erreichbar
18 12:16 - google.de/search - gmx login probleme
19 19:38 - google.de/search - facebook Seitennamen viele zeilensprünge
20 19:42 - google.com/search - content
21 12:43 - bing.com/search - yahoo-mail probleme servicehotline
22 5:43 - bing.com/search - Bauservice, Hosten
23 18:39 - google.de/search - gibt es eine störung bei gmx
24 7:09 - bing.com/search - Ger
25 21:59 - bing.com/search - freenet email dienst gestört
26 21:12 - google.de/search - icuserver wildtierkamera befehle command
27 19:57 - bing.com/search - freenet störung
28 8:04 - bing.com/search - strato öffnet sich nicht
29 2:33 - bing.com/search - Fliesenleger, Nettgau
30 23:07 - bing.com/search - web dorado vorschaubilder unscharf

Nach oben