Autor |
Nachricht |
Imion
Threadersteller
Dabei seit: 04.07.2003
Ort: Krefeld
Alter: 41
Geschlecht:
|
Verfasst Fr 26.03.2004 17: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 17: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 17: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 18: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 22: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 11: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 17: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 |
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
|
|