Autor Zpráva
Tomimikunen
Profil *
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">&nbsp;</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 - &nbsp;)... což mně opravdu vadí. :) Bohužel nic kloubnějšího neznám. :)
panther
Profil
Tomimikunen:
tak v dokumentu vznikne volný řádek kvůli pevné mezeře (entita - &nbsp;)... 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
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).
wise
Profil
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
wise:
K čemu je vlastně ten clearovač?
podstatná je CSS vlastnost clear, ukončuje obtékání prvků (float).
wise
Profil
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
wise:
předpokláádm správně?
vyzkoušet si to tě nenapadlo?
wise
Profil
Nevím v jakém případě to použít :-)

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: