mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Fr 29.03.2024 06:39 Benutzername: Passwort: Auto-Login

Thema: Text in DIV vertikal zentrieren vom 26.03.2004


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Programmierung -> Text in DIV vertikal zentrieren
Seite: 1, 2  Weiter
Autor Nachricht
Imion
Threadersteller

Dabei seit: 04.07.2003
Ort: Krefeld
Alter: 41
Geschlecht: Männlich
Verfasst Fr 26.03.2004 17:25
Titel

Text in DIV vertikal zentrieren

Antworten mit Zitat Zum Seitenanfang

Hallo ihr lieben,
hat jemand von euch eine Ahnung wie ich text in einem DIV vertikal zentrieren kann ohne Tabellen zu benutzen?
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
n0Fear

Dabei seit: 17.07.2003
Ort: EARTH @ 7.316 O 52.683 N
Alter: 39
Geschlecht: Männlich
Verfasst Fr 26.03.2004 17:46
Titel

Antworten mit Zitat Zum Seitenanfang

das prob hatte ich auch, geht glaub ned, vertical-align tut jedenfalls nicht...
  View user's profile Private Nachricht senden
Anzeige
Anzeige
Account gelöscht


Ort: -
Alter: -
Verfasst Fr 26.03.2004 17:55
Titel

Antworten mit Zitat Zum Seitenanfang

wer suchet der findet http://www.mediengestalter.info/viewtopic.php?t=17098highlight=valign
Lächel

//
und hier, und überlies blos mein halbwissen und spring direkt ans ende Grins:
http://www.mediengestalter.info/viewtopic.php?t=17476postdays=0postorder=aschighlight=valignstart=16


Zuletzt bearbeitet von am Fr 26.03.2004 17:58, insgesamt 1-mal bearbeitet
 
mast

Dabei seit: 04.03.2004
Ort: Berlin
Alter: -
Geschlecht: Männlich
Verfasst Fr 26.03.2004 17:58
Titel

Antworten mit Zitat Zum Seitenanfang

Ich hatte das Problem auch schon öfter. Mit valign ist klar. Aber wie kann ich das in CSS machen?
Das ist einfach eine Frage der Sauberkeit, wenn man alles in ein seperates CSS schreiben möchte.
  View user's profile Private Nachricht senden
Waschbequen
Account gelöscht


Ort: -

Verfasst Fr 26.03.2004 18:02
Titel

Antworten mit Zitat Zum Seitenanfang

mast hat geschrieben:
Ich hatte das Problem auch schon öfter. Mit valign ist klar. Aber wie kann ich das in CSS machen?
Das ist einfach eine Frage der Sauberkeit, wenn man alles in ein seperates CSS schreiben möchte.


Wer lesen kann ist klar im Vorteil:

http://www.mediengestalter.info/viewtopic.php?t=17098highlight=valign
 
beeviZ

Dabei seit: 30.09.2002
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Fr 26.03.2004 22:32
Titel

Antworten mit Zitat Zum Seitenanfang

also in meinem fall hab ichs am ende dann so gelöst

Code:

.center {
   position: absolute;
   left: 50%;
   top: 50%;
   text-align:left;
   width: 670px;
   height: 521px;
   margin-left: -335px;
   margin-top: -270px;
   background-color: red;
   background-image: url(images/bg.gif);
   border: 3px solid black;
}


klappt astrein und funktioniert auch mit prozentualen angaben.
  View user's profile Private Nachricht senden
Imion
Threadersteller

Dabei seit: 04.07.2003
Ort: Krefeld
Alter: 41
Geschlecht: Männlich
Verfasst Sa 27.03.2004 11:11
Titel

Antworten mit Zitat Zum Seitenanfang

Das sieht interessant aus, werds später mal austesten.
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
timbod

Dabei seit: 15.02.2010
Ort: Oberursel
Alter: -
Geschlecht: Männlich
Verfasst Do 15.07.2010 17:25
Titel

Antworten mit Zitat Zum Seitenanfang

Der Thread ist zwar jetzt schon Jahre alt, aber da ich selbst das gleiche Problem hatte, hier nochmal einen anderen, deutlich einfacheren Lösungsweg: mit CSS einfach die Eigenschaft line-height auf die Höhe des Div Kastens stellen (100% funktioniert nicht). Man muss dazu leider die exakte Höhe in Pixeln kennen.

Ich habe es bei einem Div Kasten mit Navigationsleiste in CSS so gelöst:
Code:

#menubar {
   -webkit-box-shadow: inset 5px 5px 20px rgba(0, 0, 0, 0.5);       /* Schatten */
   -moz-box-shadow: inset 5px 5px 20px rgba(0, 0, 0, 0.5);       /* Schatten */
   box-shadow: inset 5px 5px 20px rgba(0, 0, 0, 0.5);       /* Schatten */
   background: #8A512D;
   top: 155px;
   left: 0px;
   position: relative;
   [b]height: 50px;
   line-height: 50px;[/b]
   color: #fff
;
}
[/code]
  View user's profile Private Nachricht senden
 
Ähnliche Themen Text in Textfeld vertikal zentrieren in PS?
[CSS] Bild + Text vertikal zentrieren?
vertikal zentrieren in dreamweaver cs3
Webseite vertikal zentrieren
[CSS] Zentrieren vertikal und horizontal
[css] div(float: right) vertikal im elternelement zentrieren
Neues Thema eröffnen   Neue Antwort erstellen Seite: 1, 2  Weiter
MGi Foren-Übersicht -> Programmierung


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.