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

Spikx

My Little Pwny

Registered: Jan 2002
Location: Scotland
Posts: 13496

11.01.2004 - 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

Legend
undead

Registered: Nov 2000
Location: Off the grid.
Posts: 6845

11.01.2004 - 18:01

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

Zitat
Applies to: inline elements

noch fragen?

Spikx

My Little Pwny

Registered: Jan 2002
Location: Scotland
Posts: 13496

11.01.2004 - 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

Legend
undead

Registered: Nov 2000
Location: Off the grid.
Posts: 6845

11.01.2004 - 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

Here to stay

Registered: Dec 2002
Location: Inside
Posts: 4496

11.01.2004 - 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

My Little Pwny

Registered: Jan 2002
Location: Scotland
Posts: 13496

11.01.2004 - 23:07

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

Rektal

Here to stay

Registered: Dec 2002
Location: Inside
Posts: 4496

11.01.2004 - 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

My Little Pwny

Registered: Jan 2002
Location: Scotland
Posts: 13496

11.01.2004 - 23:30

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

tomstig

OC Addicted

Registered: Nov 2003
Location: /home/tomstig/
Posts: 1341

11.01.2004 - 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

Here to stay

Registered: Dec 2002
Location: Inside
Posts: 4496

11.01.2004 - 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

Legend
undead

Registered: Nov 2000
Location: Off the grid.
Posts: 6845

13.01.2004 - 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

My Little Pwny

Registered: Jan 2002
Location: Scotland
Posts: 13496

13.01.2004 - 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

Legend
undead

Registered: Nov 2000
Location: Off the grid.
Posts: 6845

13.01.2004 - 20:14

blind?

Zitat
line-height:yy;

Spikx

My Little Pwny

Registered: Jan 2002
Location: Scotland
Posts: 13496

13.01.2004 - 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

Vereinsmitglied
resident spacenerd

Registered: Oct 2000
Location: Edge of Tomorrow
Posts: 12067

07.03.2004 - 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

Spikx My Little Pwny Registered: Jan 2002 Location: Scotland Posts: 13496	11.01.2004 - 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 Legend undead Registered: Nov 2000 Location: Off the grid. Posts: 6845	11.01.2004 - 18:01 http://www.w3.org/TR/CSS1#vertical-align Zitat Applies to: inline elements noch fragen?
Spikx My Little Pwny Registered: Jan 2002 Location: Scotland Posts: 13496	11.01.2004 - 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?
watchout Legend undead Registered: Nov 2000 Location: Off the grid. Posts: 6845	11.01.2004 - 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 Here to stay Registered: Dec 2002 Location: Inside Posts: 4496	11.01.2004 - 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 My Little Pwny Registered: Jan 2002 Location: Scotland Posts: 13496	11.01.2004 - 23:07 ok, aber wie könnte man dann sonst erreichen, dass der Text im div so ausgerichtet wird?
Rektal Here to stay Registered: Dec 2002 Location: Inside Posts: 4496	11.01.2004 - 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 My Little Pwny Registered: Jan 2002 Location: Scotland Posts: 13496	11.01.2004 - 23:30 naja.. da könnte ich auch gleich generell mit tables arbeiten..
tomstig OC Addicted Registered: Nov 2003 Location: /home/tomstig/ Posts: 1341	11.01.2004 - 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 Here to stay Registered: Dec 2002 Location: Inside Posts: 4496	11.01.2004 - 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 Legend undead Registered: Nov 2000 Location: Off the grid. Posts: 6845	13.01.2004 - 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 My Little Pwny Registered: Jan 2002 Location: Scotland Posts: 13496	13.01.2004 - 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 Legend undead Registered: Nov 2000 Location: Off the grid. Posts: 6845	13.01.2004 - 20:14 blind? Zitat line-height:yy;
Spikx My Little Pwny Registered: Jan 2002 Location: Scotland Posts: 13496	13.01.2004 - 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 Vereinsmitglied resident spacenerd Registered: Oct 2000 Location: Edge of Tomorrow Posts: 12067	07.03.2004 - 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

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

Forum Index > Software > Coding Stuff

Spikx

watchout

Spikx

watchout

Rektal

Spikx

Rektal

Spikx

tomstig

Rektal

watchout

Spikx

watchout

Spikx

Mr. Zet