Autor Zpráva
Mufna
Profil
Zdravím Vás. Mám problém s cleanerem v IE 6. V FF a Opeře se mi při stávající konstrukci CSS a XHTML nezobrazuje (to chci), ale IE 6 ho zobrazí (hr), navíc ho zdola i shora ještě "obalí" snad 6px mezerou. Jde to nějak vyřešit pro to nešťastný IE ? Jak jsem zde před chvílí vyčetl, nelze použít "display:none", protože pak by <hr> nefungovalo jako čistič. Asi by to všude fungovalo, kdybych použil <div>:

<div class="cleaner"><hr /></div>

ale to mi přijde zbytečně složitý.

Takže, v CSS mám:
hr     {height: 0;
          color:#000;}

.cleaner {clear:both;}

a v kódu mám:
<div id="block1In">
        <h1> NADPIS </h1>
        <p>text s floatovaným obrázkem</p>
        <hr class="cleaner" />
        <h1> NADPIS </h1> 
        atd ...
</div>
yFang
Profil
Mufna
Nastav té čáře místo height:0; visibility:hidden;. Tak mi to fugovalo všude.
Mufna
Profil
Ok, čára zmizela, ale pořád tam IE 6 dělá mezeru místo 0 nějakých odhadem 12px.
Mufna
Profil
A, už asi vím proč. Takže je to už OK, díky
Mufna
Profil
Aha, tak tím co jsem si myslel to taky není. Takže prostě pořád je tam nechtěná mezera těch cca 12px
Manq
Profil
Zkus margin: -12px 0;, ale u toho spodního marginu bohužel nevím.
Mufna
Profil
Manq

No, je to docela vtipný, ten zápornej margin zabere, ale tam kde nemá - tedy v FF. V IE 6 se to ani nehne.
srigi
Profil
Skus tomu HR-ku nastavit tieto vlastnosti:
margin: 0;
height: to_co_ti_treba;
overflow:hidden;
Malo by to fungovat cross-browser.
Mufna
Profil
srigi

zkusil jsem, ale pořád je to stejný. Mám teď už tohle všechno:

hr     {height:0;
          overflow:hidden;
          visibility:hidden;        /* tohle aspoň zruší viditelnou čáru */
          color:#000;}


ale ta mezera je tam furt. Nulový margin už mám nastavený tímto:

* {margin: 0;
    padding: 0;
    border: none;}
J
Profil *
Mufna
k stylování hr: http://diskuse.jakpsatweb.cz/index.php?action=vthread&topic=14611&foru m=7&page=-1#2

čistič snad raději třeba
.clear {clear: both; font-size: 0; line-height: 0; height: 0; }
( html: <br class="clear"> )
nebo
.clear:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
/*IE-mac:*/ * html .clear {height: 1%;} .clear {display: block;}
( html: <div class="clear"> )
rdd
Profil
Hr jako cistic s nulovou vyskou, vecnej problem, to uz se tady probiralo mockrat. Dero to reseni jeste neodtajnil zejo? Skoda, byl sem docela zvedavej. :-(

Jinak na Sitepoint je peknej clanek shrnujici ruzny zpusoby "cisteni". Docela me zaujal ten posledni s overflow: auto i kdyz spolihat se u IE na hasLayout neni zrovna koser.
Mufna
Profil
Tak díky všem za příspěvky, především za poslední dva, yFangovi pak za "visibility:hidden". Zatím jsem to vyřešil tak, že jsem odstavci <p> dal _margin-bottom:-12px. Takto jsem to použil uprostřed bloku. Pro vyčištění dvou bloků, které používám (levý je plovoucí) jsem pak použil prázdný div. Je to všechno teda trochu krkolomný, ale takhle mi to u mého případu zatím funguje.
Vrabecek
Profil
ja tam připisuju ještě font-size: 0px :) možna proto ti IE jebal. 12ti pixelový písmo je dost používaný :P

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: