hallo,
ich versuche nun seit einiger zeit schon einen div-container zu basteln, welcher 3 "felder" haben soll.
im kopf soll eine zeit stehen, darunter ein fließender text, welcher um einen button in der rechten unteren ecke fließt.
das problem besteht nun darin, den kasten unten rechts in dem div-container zu positionieren.
ich möchte eine dynamische änderung der top-abstands und height-werte der box per php vornehmen, ohne das ich großartige anpassungen vornehmen muss.
hier der html-code:
<div class="termin" style="top:20px; height:81px"> <!-- top und height durch php dyn. setzen -->
<div class="time">08:30 - 10:30</div>
<div class="desc"></div>
<div class="edit"><a href="admin_eingabemaske.html">bearbeiten</a></div>
</div>
css:
.termin{
width:90px;
height:auto;
position:relative;
float:left;
border:1px solid #696e72;
color: #696e72;
background:#fcfbf9;
padding-top:2px;
padding-left:2px;
padding-right:2px;
}
.time{
margin-top:8px;
margin-left:5px;
background:transparent;
width:80px;
font-weight:bold;
float:left;
}
.desc{
width:80px;
margin-left:5px;
margin-top:30px;
background:transparent;
}
.edit{
background:#a3a8ad;
color: #696e72;
text-align:center;
float:right;
left:0px;
height:18px;
width:75px;
margin-bottom:0px;
}
eventuell könnte mir jemand unter die arme greifen, denn so richtig hab ich das mit dem floaten noch nicht kapiert.
achso: die elemente dürfen nach möglichkeit auch nicht absolut ausgerichtet werden, da ich sie gern an einem anderen div-container ausrichten würde.
vielen dank