Anonymní profil eXMarty – Programujte.com
 x   TIP: Přetáhni ikonu na hlavní panel pro připnutí webu

Anonymní profil eXMarty – Programujte.comAnonymní profil eXMarty – Programujte.com

 

Příspěvky odeslané z IP adresy 62.24.93.–

eXMarty
CSS › Pozicování na vršek a spodek…
8. 12. 2014   #197011

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

 

 

Hostujeme u Českého hostingu       ISSN 1801-1586       ⇡ Nahoru Webtea.cz logo © 20032021 Programujte.com
Zasadilo a pěstuje Webtea.cz, šéfredaktor Lukáš Churý