Anonymní profil eXMarty – Programujte.com

Ahoj všem,
předem chci říct, že jsem se svépomocí snažil najít ideální řešení hodně dlouhých hodin, ale neúspěšně.

Moje přání - mám DIV rámec, u kterého zadám rozměry, v tomto divu bych potřeboval mít část pozicovanou nahoru, pak několik (pro jednoduchost zde 2 části) které se budou rovnat postupně od spodního okraje DIVu a ve zbylém místě mezi "horní" a "spodní" částí bych pak měl část, která by byla vertikálně centrovaná.
Obsah jednotlivých částí může být různě douhý text (jeden či více řádků) proto tedy nemůžu použít zadané margin či podobně (nebo si to alespoň zatím myslím). V prostřední části by měl být obrázek (jestliby to bylo z hlediska řešení podstatné)

Pokus o naznačení pro conejvětší zjednodučení je zde:
 

.ramec {
    float: left;
    width: 250px;
    height: 300px;
    border: 1px solid silver;
    margin: 2px;
    text-align: center;
}
 
<div class="ramec">
    <div class="">toto bych rád nahoře centrovaně</div>
    <div class="">tahle část velká tak aby zaujímala zbytek volného místa a obsah aby byl centrovám horizontálně i vertikálně</div>
    <div class="">první blok umístěný dole centrovaně (spodní kraj u horního kraje následujícího DIVu)</div>
    <div class="">druhý blok umístěný dole centrovaně (spodní kraj u spodního kraje DIVu "ramec") </div>
</div>

Moc děkuji všem za navedení a váš čas