Autor |
Nachricht |
Imion
Threadersteller
Dabei seit: 04.07.2003
Ort: Krefeld
Alter: 41
Geschlecht:
|
Verfasst Fr 26.03.2004 18:25
Titel Text in DIV vertikal zentrieren |
|
|
Hallo ihr lieben,
hat jemand von euch eine Ahnung wie ich text in einem DIV vertikal zentrieren kann ohne Tabellen zu benutzen?
|
|
|
|
|
n0Fear
Dabei seit: 17.07.2003
Ort: EARTH @ 7.316 O 52.683 N
Alter: 39
Geschlecht:
|
Verfasst Fr 26.03.2004 18:46
Titel
|
|
|
das prob hatte ich auch, geht glaub ned, vertical-align tut jedenfalls nicht...
|
|
|
|
|
Anzeige
|
|
|
Account gelöscht
Ort: -
Alter: -
|
|
|
|
|
mast
Dabei seit: 04.03.2004
Ort: Berlin
Alter: -
Geschlecht:
|
Verfasst Fr 26.03.2004 18:58
Titel
|
|
|
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.
|
|
|
|
|
Waschbequen
Account gelöscht
Ort: -
|
Verfasst Fr 26.03.2004 19:02
Titel
|
|
|
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:
|
Verfasst Fr 26.03.2004 23:32
Titel
|
|
|
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.
|
|
|
|
|
Imion
Threadersteller
Dabei seit: 04.07.2003
Ort: Krefeld
Alter: 41
Geschlecht:
|
Verfasst Sa 27.03.2004 12:11
Titel
|
|
|
Das sieht interessant aus, werds später mal austesten.
|
|
|
|
|
timbod
Dabei seit: 15.02.2010
Ort: Oberursel
Alter: -
Geschlecht:
|
Verfasst Do 15.07.2010 18:25
Titel
|
|
|
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]
|
|
|
|
|
|
|
|
Ähnliche Themen |
[CSS] Bild + Text vertikal zentrieren?
Text in Textfeld vertikal zentrieren in PS?
Webseite vertikal zentrieren
[CSS] Zentrieren vertikal und horizontal
vertikal zentrieren in dreamweaver cs3
[css] div(float: right) vertikal im elternelement zentrieren
|
|