CSS: vertical-align:bottom; im <div> ?

Seite 1 von 2 - Forum: Coding Stuff auf overclockers.at

URL: https://www.overclockers.at/coding-stuff/css_vertical-align_bottom_im_ltdivgt_103773/page_1 - zur Vollversion wechseln!

Spikx schrieb am 11.01.2004 um 16:19

ist es tatsächlich so, dass 'vertical-align:bottom;' nur in tables und anderen Sachen funktioniert, nicht aber in einem <div>? Zumindest funktioniert es bei mir nicht.. könnte es dafür einen bestimmten Grund geben?

Andernfalls.. wie realisiert man in einem <div>, dass der Inhalt an bottom oder (in meinem Fall besser) text-bottom ausgerichtet ist?

watchout schrieb am 11.01.2004 um 18:01

http://www.w3.org/TR/CSS1#vertical-align

Zitat
Applies to: inline elements

noch fragen?

Spikx schrieb am 11.01.2004 um 18:29

hm.. also sollte es doch funktionieren, wenn ich den Text im betroffenen div zB mit <span> definiere? Oder gilt das denn nicht als inline element? :confused:

watchout schrieb am 11.01.2004 um 20:21

hab nimmer viel zeit (siehe avatar...), kanns deswegen auch net so genau sagen, aber:
div: block
span: inline
td: inline ( iirc )

ich glaub die vertical-align sache bezieht sich nur auf die textposition relativ zur zeile, falls du eh das gemeint hast: sollte funktionieren wenn du das ding in nem span hast, bissl rumprobieren

Rektal schrieb am 11.01.2004 um 22:58

Wie watchout schon gesagt hat, vertical-align bezieht sich einerseits nur auf inline-Element wie <span> und andererseits auf table-cell elemente. D.h. in einem table auf eine <td> angewendet bringt es den Effekt den du dir erwartest; nicht aber in einem DIV.

Spikx schrieb am 11.01.2004 um 23:07

ok, aber wie könnte man dann sonst erreichen, dass der Text im div so ausgerichtet wird?

Rektal schrieb am 11.01.2004 um 23:09

Na geht nicht direkt im DIV. Du kannst versuchen dem DIV eine height-Angabe mitzugeben, darin einen table mit 100% height zu machen und darin eine Zelle mit vertical-align bottom.

Spikx schrieb am 11.01.2004 um 23:30

naja.. da könnte ich auch gleich generell mit tables arbeiten..

tomstig schrieb am 11.01.2004 um 23:33

sagst du mir bitte wo du das brauchst??
was soll unten sein?? das wär ja unlogisch könnte man das im <div> verwenden.....

Rektal schrieb am 11.01.2004 um 23:37

@tomstig: naja, so unlogisch ist es nicht. Wenn man nicht genau weiss wie das box-model funktioniert (und die wenigsten wissen das, da die meisten ja dreamweaver-dank-oder-auchnicht-tables verwenden) blickt man nicht durch warums net so is....

watchout schrieb am 13.01.2004 um 18:54

hmm, theoretisch:
div(mit height:xx)
span(mit height:100%;line-height:yy;vertical-align:middle

hab aber no immer ka zeit das zu checken

Spikx schrieb am 13.01.2004 um 19:19

hm, na im Span hat des vertical-align auch ka Auswirkung.. hab mir aber sagen lassen, dass man soetwas halt mit line-height russisch hinbiegen kann.. wos i owa ziemlich unästhetisch find'

watchout schrieb am 13.01.2004 um 20:14

blind?

Zitat
line-height:yy;

Spikx schrieb am 13.01.2004 um 20:19

Zitat von watchout
blind?

äh.. jo eh.. owa ich dachte du beziehst dich noch auf vertical-align, weilst es noch dabei hast...

Mr. Zet schrieb am 07.03.2004 um 12:23

Zitat von Rektal
@tomstig: naja, so unlogisch ist es nicht. Wenn man nicht genau weiss wie das box-model funktioniert (und die wenigsten wissen das, da die meisten ja dreamweaver-dank-oder-auchnicht-tables verwenden) blickt man nicht durch warums net so is....

a link zu einer verständlichen erklärung des box-models wär natürlich echt top

und nur um es los zu werden, i verwend weder dreamweaver no ähnliches