| Autor | Zpráva | ||
|---|---|---|---|
| Kindy Profil |
#1 · Zasláno: 22. 7. 2014, 19:15:35 · Upravil/a: Kindy
Zkoumám tenhle zdrojový kód:
body {
font: 83% 'Trebuchet MS', 'Geneva CE', lucida, sans-serif;
background: #476E95 url('../img/bgr.gif') repeat-x;
margin: 0;
padding: 0;
height: 100%; // dal to jak u html, body, tak i u samostatného body - to height
text-align: center;
}
#drzak { /*Něco jako centrovač - prostě udává velikost celého obsahu stránky*/
position: relative;
width: 90%; /* Snížení tlouštky stránky*/
min-width: 770px; /* Objeví se horizontální - vodorovný scrollbar, KDYŽ BUDE ŠÍŘKA STRÁNKY MENŠÍ než je hodnota min-width */
max-width: 900px; /* Aby max-width i min-width fungovala v exploreru, je potřeba stránku pomocí doctype přepnout do standardního módu */
text-align: center;
margin: 0px auto; /*Tohle jsem dělal dříve i já, tady bych dal možná i margin: 0px 0px*/
background: #254C74;
border: 10px solid #254C74; /* PROČ TAM JE TA ŠÍŘKA */
border-top-width: 0px; /* šířka držáku nahoře a dole 0px */
border-bottom-width: 0px;
min-height: 100%; /* V procentech - aby to bylo stoprocentní pro všechny monitory */
height: 100%;
}
body>#drzak {
height: auto; /* Tohle nevím */
}A nechápu, proč je tam předepsáno: body>#drzak { height: auto; }Nechápu, co tím autor prohlížeči říká? Přemýšlím - je to že: držák je podřízený body a oba dva mají height: 100% to body bude stoprocent vždy (je nad #drzak). Ale držák se už podřídí tomu, kolik výšky na něj zbude z body? Tomu bych rozuměl.. Ale pak je tam to min-height a to říká min výška stoprocent.. Takže v tom bude mít prohlížeč bordel ne?? Napsal to ten autor správně? Já bych tam asi vynechal to min-height. |
||
| Tomáš123 Profil |
#2 · Zasláno: 22. 7. 2014, 19:27:56 · Upravil/a: Tomáš123
Kindy:
„Nechápu, co tím autor prohlížeči říká?“ Autor tým chcel nastaviť height: auto; každému elementu body s dcérskym prvkom s identifikátorom drzak.Kindy: „margin: 0px auto; /*Tohle jsem dělal dříve i já, tady bych dal možná i margin: 0px 0px*/“ Ja nie, pretože hodnota auto, vytvorí rovnaký margin na obidvoch stranách, teda prvok zarovná na stred, kdežto margin: 0; iba vynuluje marginy. „ border: 10px solid #254C74; /* PROČ TAM JE TA ŠÍŘKA */“
Ak myslíš šírku tých 10px, tak to je jednoducho šírka/hrúbka rámčeka. Správne poznámky nekomentujem... |
||
| Kcko Profil |
#3 · Zasláno: 22. 7. 2014, 21:34:11
Tomáš123:
Autor tým chcel nastaviť height: auto; každému elementu body s dcérskym prvkom s identifikátorom drzak. To určitě ne. body>#drzak znamená prvek s id #drzak, který je přímým podřízeným prvkem tagu <body>
|
||
| Bubák Profil |
#4 · Zasláno: 22. 7. 2014, 21:41:29
Nechápu, proč nastavovat elementu
height: auto; když auto je výchozí hodnota CSS vlastnosti height.
|
||
| Tomáš123 Profil |
#5 · Zasláno: 22. 7. 2014, 21:49:57
Kcko:
„To určitě ne.“ Hmm, máš pravdu. Bubák: „Nechápu, proč nastavovat elementu height: auto; když auto je výchozí hodnota CSS vlastnosti height.“ Možno prepisuje hodnotu nastavenú riadkom 22 alebo 23. Ja skôr nechápem prečo v selektore použiť znak " >", keď v tomto prípade je to to isté ako bez neho
|
||
| Fisir Profil |
#6 · Zasláno: 22. 7. 2014, 22:03:40
Reaguji na Tomáše123:
„prečo v selektore použiť znak " >", keď v tomto prípade je to to isté ako bez neho“
Není. Příklad. |
||
| Tomáš123 Profil |
#7 · Zasláno: 22. 7. 2014, 22:29:55
Fisir:
„Není.“ Napísal som v tomto prípade...myslím, že nič medzi tým nie je, keďže je to centrovací div... |
||
| DJ Miky Profil |
#8 · Zasláno: 22. 7. 2014, 22:56:28
body > něco je pravděpodobně použito jako hack pro nastavení jiné vlastnosti pro IE verze 6 (a nižší), protože selektor přímého potomka (a > b) neumí. Tedy:
#drzak {
height: 100%;
min-height: 100%;
}
body > #drzak {
height: auto;
}height: 100% pro IE <= 6 (jako náhradu za min-height, který nepodporuje), ostatní prohlížeče (a novější IE) budou nastavení height ignorovat (resp. uvidí auto, což je výchozí hodnota) a použijí min-height.
|
||
|
Časová prodleva: 12 let
|
|||
0