DIV in untere, rechte Ecke

TIMS_Ralf

Erfahrenes Mitglied
Hallo,
vielleicht kann mir mal jemand auf die Sprünge helfen...

Möchte ein "Button-DIV" in die rechte untere Ecke eines anderen Div's setzen. Alle DIVs stehen "irgendwo auf der Seite". Das "Button-DIV" soll direkt an den Rahmen des "Eltern-DIVs grenzen - also unten und rechts keinen Abstand haben.

Wohl irrelevant, aber erwähnt:
Das gesamte Konstrukt ist Bestandteils eines "Akkoreons"; ein Klich auf die Übescrift öffnet / schließt das "ElternDIV"

HTML:
<DIV CLASS="ContainerAkkordeon">
            <H3 CLASS="Headline">Headline Akkordeon</H3>
            <!-- ab hier Problemchen: -->
            <DIV CLASS="ElternDIV">
                <TABLE CLASS="TabelleInhalt">
                    <TR>
                        <TD CLASS="Text"> <BR><BR>Textlicher Inhalt, ggf. mehrzeilig / spaltig<BR><BR>
                      </TD>
                    </TR>
                </TABLE>
                <DIV CLASS="ButtonDIV">Weitere Informationen...
                </DIV>
            </DIV>
            <!-- bis hier -->
        </DIV>

Und die wichtigesten Styles:
CSS:
.ElternDIV
{
    border:3px solid #DDD;
    border-radius:16px;
    border-top-left-radius:0;
    border-top-right-radius:0;
    border-top:0;
}

.TabelleInhalt
{
    width:94%;
    margin: 0 auto 20px auto;
}

.ButtonDIV
{
    position:relative;
    right:0:
    bottom:0;
    width:260px;
    height:30px;
   
    /*float:right;*/
    /*
    margin-bottom:-40px;
    margin-right:30px;
    */
    /* padding:10px 12px; */
    border-top-left-radius:16px;
    border-bottom-right-radius:16px;
    color:#222;
    font:600 18px 'Montserrat', sans-serif;
    font-style:italic;
    text-align:right;
}

Am CCS seht Ihr, dass ich da schon rumprobiert habe ( float:right, padding / Margin...

Das müßte aber doch position:relative, bottom, right = 0 funzen... ?!
Oder hab ich gerade nen Anfall geistiger Umnachtung... ?

Danke Euch!
Gruß Ralf
 
Zurück