|
|||
Text in einem DIV unten platzieren
Hi,
ich habe zwei gleich hohe Divs nebeneinander. Beim linken steht ein Text in normaler Größe drin, im rechten daneben steht ein Text, der 0.8em Größe hat. Momentan wird der Text rechts im Div "oben" platziert, wie bekomme ich den an den bottom, so dass der rechte Text auf gleicher Höhe wie der größere Text im linken Div liegt? Ich habs mit <span style="vertical-align: bottom;"> versucht, klappt aber nicht... Code:
<div style="text-align: left; height: 14px; font-size: 1em; float: left">normaler Text</div> <div style="text-align: right; height: 14px; font-size: 0.8em;"><span style="vertical-align: bottom;">kleiner Text, der auf selbe Höhe wie der Text im linken Div soll</span></div> |
Sponsored Links |
|
|||
Und so:
Code:
<div style="text-align: left; height: 14px; font-size: 1em; float: left">normaler Text</div> <div style="text-align: right; height: 14px; font-size: 0.8em; vertical-align: bottom;">kleiner Text, der auf selbe Höhe wie der Text im linken Div soll</div> Schuß ins Blaue (ohne testen) Die Sarah Edit: Text gehört übrigens in Paragrafen
__________________
Konfuzius sagt: \"Wer ständig glücklich sein möchte, muss sich oft verändern.\" ...Deswegen bin ich mit CSS so glücklich |
Sponsored Links |
|
|||
Also vertical-align funktioniert nur innerhalb von Tabellenzellen und Textzeilen. Siehe auch hier.
Wenn du da wirklich tabellarische Daten hast, dann streich die divs und mach es in einer Tabelle, die du ja zu haben scheinst. Ansonsten würde ich das ganze mit einem <durchgestrichen>span</durchgestrichen> p machen, der innerhalb des divs absolut am Boden positioniert wird. Die Sarah P.S.: Du verwendest doch wohl keine Tabellen für Layoutzwecke, oder?
__________________
Konfuzius sagt: \"Wer ständig glücklich sein möchte, muss sich oft verändern.\" ...Deswegen bin ich mit CSS so glücklich |
|
|||
vertical-align macht nur in Verbindung mit line-height oder in Tabellenzellen Sinn:
http://www.w3.org/TR/CSS21/visudet.html#line-height also: Code:
<p style="text-align: left; height: 14px; font-size: 1em;line-height:1.5; float: left;">normaler Text</p> <p style="text-align: right; height: 14px; font-size: 0.8em; line-height:2; vertical-align:bottom;">kleiner Text, der auf selbe Höhe wie der Text im linken Div soll</p> edit: oha, da hab' ich die_sarah noch nicht gesehen.. Grüße fricca |
|
|||
für vertical align http://www.w3schools.com/css/pr_pos_vertical-align.asp brauchst du sowas wie line-height, sonst wird das nix..zudem meine ich eine gegebene Höhe aber das kam ja schon..
|
|
|||
Zitat:
Die angespr. Tabelle gibts nun nicht mehr |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
gibt es eine andere Lösung ohne Tabelle? | online | CSS | 16 | 24.04.2009 08:41 |
Problem mit div und Höhe | deep4 | CSS | 2 | 13.11.2007 20:03 |
Probleme mit float | Webentwickler Eric | CSS | 5 | 21.06.2007 20:09 |
Falsche Darstellung beim Internet Explorer | LordAvalon | CSS | 4 | 09.04.2007 16:22 |
Tabellen in <div>-Tags | dexter2000 | CSS | 9 | 19.05.2005 09:53 |