Problem mit Vertical-align

[pankraz]

Hallo zusammen,

Ich bin bei meiner neusten Homepage auf ein Problem mit vertical-align gestossen. Ich habe ein <div> in dem 2 <div>'s an den rechten unteren Rand sollen. Also etwa so:

+--------------------------------+
|********************************|
|*****************+-----+*+-----+|
|*****************|*****|*|*****||
|*****************+-----+*+-----+|
+--------------------------------|

Ich habe schon einige kombinationen ausprobiert, beleiben die <div>'s am oberen Rand hängen.

  
<div style="height:100px;vertical-align:bottom;width:300px;">  
   <div style="vertical-align:bottom;"></div>  
   <div style="vertical-align:bottom;"></div>  
</div>  

Vielen Dank im vorraus

pankraz

[Alex]

Wenn die Seite nicht dynamisch sein soll, dann kannst du mit absoluter-positionierung arbeiten, wie "padding" oder "top" & "left".

Amsonsten musst du das Haupt-Div mit weiteren Divs füllen, so das diese 2 Divs keine andere Wahl haben als sich dort einzureihen wo du sie haben willst.
Achte auf deine Breite und Höhe, wenn du mit Border arbeitest dann musst du deren Breite einbeziehen.

Gruss

[Ingo Turski]

Hi,

Ich bin bei meiner neusten Homepage auf ein Problem mit vertical-align gestossen.

nö, Du hast lediglich noch nicht gelernt, dass vertical-align nicht für Blockelemente gilt.

freundliche Grüße
Ingo