Autor Zpráva
lopikol
Profil
Jak mám upravit CSS, aby vždy vše co je v divu meta bylo "přilepeno" k spodní části divu článek? min-height musím použít, jelikož jde o články a nevím jak budou dlouhé! Všem předem děkuji za rady.

HTML:
<div id="clanek">
XXXXXXXXX
<div class='meta'>
Napsal: XXXX Dne: XXXX Kategorie: XXXX
</div>
</div>


CSS:
#clanek {
width: 678px;
min-height: 98px;       
color: white;
background: #f1f1f1;
border: 1px solid #dfdfdf;
margin-bottom: 10px;
} 
Keeehi
Profil

<div id="clanek">
XXXXXXXXX
</div>
<div class='meta'>
Napsal: XXXX Dne: XXXX Kategorie: XXXX
</div>
Nebo to z nějakého důvodu takto nejde?
lopikol
Profil
Keeehi Pokud bych to napsal takhle, tak to nebude součístí toho obdelníku, který mi vznikne.
Plaváček
Profil
lopikol:

A co se stane, když nepoužiješ min-height? Nic, nebo se mýlím? A blok .meta bude začínat přesně pod posledním řádkem textu, ne? V čem je problém?
lopikol
Profil
Plaváček: Ano šlo by to, ale pokud bude úvodní text obsahovat jen jednu větu bude to takvoj malej "zmr*"
Keeehi
Profil
lopikol:
tak to nebude součístí toho obdelníku, který mi vznikne
Pořád nevím, čemu to vadí.
lopikol
Profil
Keeehi: Pokud to nebude součástí obdelníků, tak to bude vypadat divně a nebude to podle grafického návrhnu vzhledu.
Keeehi
Profil
lopikol:
Ale opticky to vůbec nemusí být poznat.

#clanek {
width: 678px;
min-height: 98px;       
color: white;
background: #f1f1f1;
border: none;
border-top: 1px solid #dfdfdf;
border-left: 1px solid #dfdfdf;
border-right: 1px solid #dfdfdf;
margin-bottom: 0px;
}

#meta {
width: 678px;
color: white;
background: #f1f1f1;
border: none;
border-bottom: 1px solid #dfdfdf;
margin-bottom: 10px;
} 

<div id="clanek">
XXXXXXXXX
</div>
<div class='meta'>
Napsal: XXXX Dne: XXXX Kategorie: XXXX
</div>
lopikol
Profil
Keeehi: Děkuji moc. Toto mě nenapdalo.

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: