Text per CSS aurichten

[mexmano]

Hallo,

bitte kann mir jemand weiterhelfen Ich würde gerne per CSS, Text in einer DIV-Ebene ausrichten. Die Vertikaleaurichtung mittels left,center,right klappt. Jedoch mit der Horizentaleausrichtung habe ich dicke Probleme, der Text bleibt immer Oben am Rand kleben! Wie kann ich das Problem lösen Vielen Dank!

Gruß,
mexmano

 

[Steffen Giers]

Kann es sein das du Verikal und Horizontal etwas durcheinander bringst?

Vertikal = von oben nach unten
Horizontal = von links nach rechts (gilt natürlich auch anders herum )

Für vertikal empfiehlt sich vertikal-align:wert, Horizontal nicht horizontal-align sondern text-align:wert.

http://www.css4you.de/textproperty.html

 

[mexmano]

... Sorry, ich habe dort was verwechselt! Mittels vertikal-align:bottom; bleibt der Text immer noch oben hängen. Das Ganze sieht so aus:

HTML-Datei

<div id="unten">HIER DER TEXT</div>

CSS-Datei

#unten {
position:absolute;
width:800px;
height:20px;
z-index: 5;
left:0px;
top:581px;
font-size:13px;
color:#FF0000;
font-family:Geneva, Arial, Helvetica, san-serif;
vertikal-align:bottom;
}

... ich komme wirklich nicht mehr weiter!!

 

[Maik]

Die relevante CSS-Eigenschaft heißt vertical-align, und nicht "vertikal-align", lässt sich aber auf eine DIV-Box nicht anwenden.

 

[Steffen Giers]

Richtig. Da der Div-Tag ein Blocklevelelement ist. Vertikal-Align funktioniert mit Inline-Elemente und dem TD. Ich meine mich entsinnen zu können das man auch irgendwas über Display machen kann.

<p>Normaler Text
<span style="vertical-align:super;">Höher gestellt
Normaler Text
</p>

Quelle: http://www.css4you.de/

 

[Lucretia]

vertikal-align:bottom;
}

Erstens: Schreibfehler, das muss vertical-align heissen. Eine CSS kann im Normalfall kein deutsch!

wenns damit immer noch nicht klappt - dein div ist ja eh nur 20 Pixel hoch, und du willst wahrscheinlich eine Zeile Text haben, oder? Dann schreib doch sowas wie padding-top: 10px; oder so hin, oder reduzier die Höhe des div und pack dann ein margin-top drauf.