| Autor | Zpráva | ||
|---|---|---|---|
| Tomimikunen Profil * |
#1 · Zasláno: 14. 9. 2010, 18:33:23
Zdravim, asi každý zná tento zápis clearovače:
css: .clear { clear: both; height: 1px; font-size: 1px; line-height: .1; } html: <div class="clear"> </div> Začal jsem trošku kódovat zas po dvou letech a chtěl bych se zeptat jestli neexistuje nějaké čistší řešení? Jsem detailista, na tomto zápise mně vadí to, když si vypnu css styl, tak v dokumentu vznikne volný řádek kvůli pevné mezeře (entita - )... což mně opravdu vadí. :) Bohužel nic kloubnějšího neznám. :) |
||
| panther Profil |
#2 · Zasláno: 14. 9. 2010, 18:40:21
Tomimikunen:
„tak v dokumentu vznikne volný řádek kvůli pevné mezeře (entita - )... což mně opravdu vadí.“ máš několik možností: - nepiš jí tam. Proč tam vlastně je? Zbytečně. - použij jiný element, třeba <br> - použij overflow: hidden na rodiči |
||
| Taurus Profil |
#3 · Zasláno: 14. 9. 2010, 18:45:44
Zkus tu trošku pohledat, víckrát se to tu rozebíralo a je víc možností. Já třeba používám toto:
hr.clear {
clear: both;
visibility: hidden;
}
<hr class="clear" />
V určitém kontextu je ještě úspornější dát clear následujícímu prvku, pokud to jde (vhodný u stálých divů pro základní layout). |
||
|
Časová prodleva: 6 dní
|
|||
| wise Profil |
#4 · Zasláno: 21. 9. 2010, 02:17:22
K čemu je vlastně ten clearovač? Nakodoval jsem již desítky webů, validní, optimalizování pro Operu, Chrome, FF, Safari, Netscape, IE6+ a nikdy jsem to nemusel použít. Díky za vysvětlení.
|
||
| panther Profil |
#5 · Zasláno: 21. 9. 2010, 07:36:05
wise:
„K čemu je vlastně ten clearovač?“ podstatná je CSS vlastnost clear, ukončuje obtékání prvků (float). |
||
| wise Profil |
#6 · Zasláno: 22. 9. 2010, 08:20:23
a pokud použiju u následujícího prvku float: none, ti následující už také nebudou moci obtékat, předpokláádm správně?
|
||
| panther Profil |
#7 · Zasláno: 22. 9. 2010, 08:36:51
wise:
„předpokláádm správně?“ vyzkoušet si to tě nenapadlo? |
||
| wise Profil |
#8 · Zasláno: 22. 9. 2010, 12:14:02
Nevím v jakém případě to použít :-)
|
||
|
Časová prodleva: 14 let
|
|||
0