[kiwi244]

Hallihallo,

mich packt grad die Verzweiflung - ich weiß gar nicht mehr, was und wielange ich hier schon ausprobiert habe (bin Anfänger im Seitenlayout mit divs)

Ich habe:
einen div #content mit einem in der Höhe gekachelten Hintergrundbild
einen div #contenttext mit Text
einen div #contentbild mit einem Bild

Ich möchte den Text links laufen haben, das Bild soll rechts laufen. Beides sozusagen innerhalb des Hintergrundbildes des div #content.
Das habe ich auch mit meinem Code erreicht.

Das Bild aber soll unten, also Fuß des div #content ausgerichtet sein.
Mein Lösungsversuch: Ich gebe dem div #content eine Höhe über den html-code.
Dem div #contentbild weise ich dieselbe Höhe zu und richte das Bild innerhalb seines divs #contentbild unten aus.

Allein: das funktioniert nicht. jedenfalls nicht mit vertica-align!!!

Frage 1: Wie richte ich das Bild unten im div aus?
Frage 2: Kann ich nicht auch die Höhe des div #content in Abhängigkeit von div #contentext steuern? Das würde mir doch die manuelle Eingabe einer Höhe für div #content in html sparen.

Hier noch meine Codeschnipselken:

[mokleini]

kannst du uns einen Link zur Verfügung stellen? das wäre einfacher.

zu1:
das wird sicherlich mit javascript gehen, da kann ich dir aber nich bei helfen, da ich es nicht kann;)

zu2:
gib dem #contenttext im css eine feste höhe. dann gibst du dem #contentbild ein margin-top. (höhe des #contenttext - höhe des bildes = wert bei margin-top)

das fällt mir spontant dazu ein.

[kiwi244]

danke schonmal - mit dem margin wäre das halt schon wieder so eine Manuelle Sache, die ich dann nicht allgemeingültig über die divs steuern kann.

Anbei einen Screenshot der Seite:

die beiden hellgrünen Rahmen rechts und links sind das Hintergrundbild des div #content
border = orange" ist das Bild, das unten an dem div #content ausgerichtet sein soll
border= blau ist der contenttext - soweit okay, wenn ich mit diesem Inhalt sowieso nicht die Höhe des div content steuern kann

http://imageshack.us/photo/my-images/97/mgifrage.jpg/

Dankeschön für Hilfe!

[pantonine]

Ich raffs nicht. Was willst Du ausrichten? Orange vertikal innerhalb von hellgrün? Inklusive oder exklusive Headerbild? Und was, wenn der Text mal länger wird? Dann liegt das Bild auf dem Falz oder wie?

[kiwi244]

Bild (in dem border-orangen div) soll unten an der horizontalen hellgrünen Linie (ohne die hellgrüne Linie, die lediglich ein Bild ist, ist da das manuell eingegebene Ende des div content (mit Hintergrundbild 2px hellgrüne Linie rechts und links, das mit repeat: y gekachelt wird innerhalb des div content.

Der Text kannmal länger werden, aber dann strecke ich ja auch die grünen Linien nach unten und lasse auch das Bild weiter nach unten rutschen, so daß es immer unten rechts im div content positioniert ist.

[pantonine]

[tschuingum]

So ich deine Absicht richtig interpretiere:

Innerhalb von #content hast du zwei floatende Elemente und sonst nichts, #content wird also Null als Höhe haben (so man nicht explizit eine andere vergibt oder ein clearing einbaut) ... wirst dich also schwer tun, etwas daran auszurichten. Abgesehen davon sind es mir ein paar zu viele divs. Das Bild gehört ja wohl zum Inhalt (sonst wäre es ein Hintergrundbild), warum dann die Zerstückelung in 3 divs? Eines tut es doch auch:

[pantonine]

So wird das nicht gehen, tschuingum. Da fehlt das Floating/der margin für den Absatz. Ein absolut positioniertes Element fällt aus dem Textfluss und wird dann einfach über dem Fließtext liegen.