| Autor | Zpráva | ||
|---|---|---|---|
| jefitto44 Profil |
#1 · Zasláno: 15. 1. 2014, 19:59:07
Mám nastylovaný
<article> v CSSku a v jeho vnútri mám iný div. Chcem, aby tento div bol za každých okolností prilepený na spodnom borderi toho <article>- u Ako to mám ale urobiť? Kód vyzerá nejako tak: <article> text artiklu bla bla lorem ipsum dolor sit amet bla bla bla <div class="konec">Članok napisal: Dupa, dňa 32.12.2018</div> </article> a CSS article {
pading, margin, border a podobne...
display: block;
}
.konec {
max-height: 30px;
Nejaká funkcia, ktorá by ten div prilepila na spodok artiklu ?
}Dúfam, že ste to pochopili, ďakujem za pomoc |
||
| DJ Miky Profil |
#2 · Zasláno: 15. 1. 2014, 20:13:37
A
<article> má pevnou výšku, nebo jaká je konkrétní situace? Protože kód, jak ho ukazuješ teď, bude mít div.konec nalepený na spodní okraj article za předpokladu, že nenastavuješ spodní padding u article.
|
||
| Joker Profil |
#3 · Zasláno: 15. 1. 2014, 20:16:50
jefitto44:
Značka <article> není podporovaná v některých prohlížečích (hlavně v IE < 9), v takových prohlížečích pochopitelně toho efektu nepůjde docílit, protože značka <article> v nich nebude mít žádný obsah ani rámeček. V ostatních prohlížečích bude už při uvedeném kódu div class="konec" na spodku značky <article> (nebo spíš značka <article> skončí za tím <div>em). |
||
| jefitto44 Profil |
#4 · Zasláno: 15. 1. 2014, 20:17:24 · Upravil/a: jefitto44
<article> nemá definovanú výšku, pretože táto výška sa prispôsobuje podľa dĺžky textu v <article>
Teda má definovanú min-height, ktorá je 250px; Tým pádom ak mám v article umiestnenú len jednu vetu, tak mi tento .konec prilepí tesne pod text Joker: „Značka <article> není podporovaná v některých prohlížečích (hlavně v IE < 9)“ IE ma nezaujíma a nižšie ako 9 už vôbec |
||
| Joker Profil |
#5 · Zasláno: 15. 1. 2014, 20:47:53
jefitto44:
„má definovanú min-height, ktorá je 250px; Tým pádom ak mám v article umiestnenú len jednu vetu, tak mi tento .konec prilepí tesne pod text“ A co jednoduše místo prvku <article> definovat min-height tomu obsahu uvnitř? „IE ma nezaujíma a nižšie ako 9 už vôbec“ To je klasická hloupá chyba. Existuje hezký termín JESPR (JEdiný Správný PRohlížeč) pro domněnku autora stránky, že všichni jsou „povinni“ používat stejný prohlížeč jako on. |
||
| jefitto44 Profil |
Vďaka Joker
Som si vedomý, že nie všetci musai používať google... ale ak nepoužívajú google, tak používajú Firefox... IE som už dávno nikoho nevidel používať (čím samozrejme nehovorím, že to tak nie je) google= chrome btw :D Teraz som si to všimol |
||
| Joker Profil |
#7 · Zasláno: 15. 1. 2014, 23:38:46
jefitto44:
„IE som už dávno nikoho nevidel používať“ A to je právě ono. Statistický vzorek „já a moji známí“ je učebnicová ukázka výběrové chyby. Třeba v mém případě by podle toho asi nejpoužívanější prohlížeč byla Opera, následovaná IE a Chromem. Když vezmu nějaké více vypovídající údaje, podle TOPlistu mají IE < 9 dohromady kolem 15%, což není tak málo (cca jeden návštěvník ze sedmi). Webkity (kam patří Chrome - a nová Opera, kterou ale nevím kam TOPlist počítá) a Gekoni (kam patří Firefox) mají dohromady zhruba 2/3 trhu, což je dost, ale pořád zbývá třetina návštěvníků. |
||
| jefitto44 Profil |
#8 · Zasláno: 16. 1. 2014, 07:33:33
Ok, budem sa tým riadiť...
K téme: Prerobil som to na výšku samotného textu, teraz to už funguje ako by malo. Ale do budúcnosti... Neexistuje niečo ako float: bottom; ? Viem, že neexistuje, ale či nie je niečo také ekvivalentné |
||
| Joker Profil |
#9 · Zasláno: 16. 1. 2014, 08:09:00
Takhle přímo asi jen u prvků s
position:absolute, tam se pak dá nastavit bottom:0 (a pochopitelně ten prvek vůči kterému to má být pozicované musí mít position:relative).
|
||
|
Časová prodleva: 10 let
|
|||
0