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"
Und die wichtigesten Styles:
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
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