line-height in Layer funktioniert nicht- was mache ich Falsch?

[Oliver L.]

Ich versuche den Text in einem Layer vertikal zu zentrieren. Mir wurde geraten ein line-height anzugeben, um dem Layer einen Anhaltspunkt zur Zentrierung zu geben. Diesen Rat habe ich auch befolgt allerdings ohne Erfolg.
Bsp:

div.test1

{
height:100;
width: 100,
(bla, bla)
line-height: 100px;
vertical-align: middle;
}

Dies scheint nicht zu meiner Zufriedenstellung zu funktionieren. (es geht überhaupt nicht)
auch:
span style=" height:100px; width:100px; line height:100px; vertical-align: middle;"

geht ebensowenig. Was mache ich hier falsch?

Bitte um weitere Lösungen,

Oliver L.

[MudGuard]

Hi,

Vielleicht klappts ja mit syntaktisch korrektem CSS?

div.test1
{
height:100;

^ 100cm? Wenn die Länge ungleich 0 ist, muß immer eine Einheit angegeben werden.

width: 100,

^ 100 Zoll? Strichpunkt, nicht komma

(bla, bla)

Kommentare im CSS: /* bla, bla */ ;-)

line-height: 100px;
vertical-align: middle;
}

span style=" height:100px; width:100px; line height:100px; vertical-align: middle;"

span ist ein non-replaced inline-Element. Für non-replaced inline-Elemente ist weder width noch height zulässig.
line-height mit Bindestrich, nicht mit Leerzeichen.

cu,
Andreas

[Tim Tepaße]

Hallo Oliver,

Doppelpostings werden hier nicht gerne gesehen. Nein wirklich nicht.
Wieso postest Du nicht in Deinem alten Thread weiter?

[pref:t=36507&m=199771]

Dazu gibt es _noch_ einen weiteren Thread weiter unten, der sich am Rande
mit diesem Thema befaßt:

[pref:t=36172&m=197636]

• Tim (der eigentlich nicht Forumspolizei spielen wollte, sorry)

[Oliver L.]

Nun gut, da einige mich freundlich auf meine Schreibfehler hingewiesen, allerdings keine nützliche Hilfe geboten haben, werde ich alles mit dem richtigem Quellcode wiederholen.

Dieses line-height attribut am Ende der Definition will nicht funktionieren, ebenso wie das vertical-align.

Was mache ich falsch, gibt es andere Lösungen,

Danke für jede Hilfe, Oliver L.

div.test
{
height:25px;
width:140px;
border-bottom: 0px;
border-top: 0px;
border-left: 0px;
border-right: 0px;
margin:0px;
background-color:#324F66;
color:#FFFFFF;
position:absolute;
top:100px;
left:500px;
text-align: center;
line-height: 25px;
vertical-align: middle;
}

[Thomas J.]

Tach

allerdings keine nützliche Hilfe geboten haben ...

Was soll dieser Spruch?
Es ist durchaus nützlich, auf Syntax-Fehler hinzuweisen.

div.test
{
height:25px;
width:140px;
border-bottom: 0px;
border-top: 0px;
border-left: 0px;
border-right: 0px;

Hier reicht auch border:0

margin:0px;
background-color:#324F66;
color:#FFFFFF;
position:absolute;
top:100px;
left:500px;
text-align: center;
line-height: 25px;
vertical-align: middle; ---> Ich hatte weiter unten schon geschrieben, daß diese Angabe hier überflüssig ist.
}

Um einen möglichen Fehler zu erkennen, müßte ich natürlich wissen, was in dem Div ist.
Ist es z.B. ein Textabsatz (<p>), wäre es notwendig, den Standardabsatzabstand (schönes Wort) auszuschalten (<p style="margin:0">). Desweiteren ist es in jeden Fall hilfreich, eine Schriftgröße zu definieren.

Funktionsfähig ist z.B. das da:

div.test
{
height:400px;
width:400px;
border:0;
background-color:#324F66;
color:#FFFFFF;
position:absolute;
top:10px;
left:10px;
text-align:center;
line-height:400px;
}

und ...

<div class="test"><p style="margin:0;font:20px">Ich bin vertikal zentriert.</p></div>

Thomas J.