| Autor | Zpráva | ||
|---|---|---|---|
| Mufna Profil |
#1 · Zasláno: 31. 8. 2008, 19:14:23
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 |
#2 · Zasláno: 31. 8. 2008, 19:17:57
Mufna
Nastav té čáře místo height:0; visibility:hidden;. Tak mi to fugovalo všude. |
||
| Mufna Profil |
#3 · Zasláno: 31. 8. 2008, 19:33:44
Ok, čára zmizela, ale pořád tam IE 6 dělá mezeru místo 0 nějakých odhadem 12px.
|
||
| Mufna Profil |
#4 · Zasláno: 31. 8. 2008, 19:39:57
A, už asi vím proč. Takže je to už OK, díky
|
||
| Mufna Profil |
#5 · Zasláno: 31. 8. 2008, 19:41:53
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 |
#6 · Zasláno: 31. 8. 2008, 19:57:04
Zkus margin: -12px 0;, ale u toho spodního marginu bohužel nevím.
|
||
| Mufna Profil |
#7 · Zasláno: 31. 8. 2008, 20:18:42
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 |
#8 · Zasláno: 31. 8. 2008, 20:36:52
Skus tomu HR-ku nastavit tieto vlastnosti:
margin: 0; height: to_co_ti_treba; overflow:hidden; |
||
| Mufna Profil |
#9 · Zasláno: 31. 8. 2008, 21:16:43 · Upravil/a: Mufna
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 * |
#10 · Zasláno: 31. 8. 2008, 23:06:01
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 |
#11 · Zasláno: 1. 9. 2008, 09:05:17
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 |
#12 · Zasláno: 1. 9. 2008, 12:41:25
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.
|
||
|
Časová prodleva: 10 měsíců
|
|||
| Vrabecek Profil |
#13 · Zasláno: 10. 7. 2009, 11:07:48
ja tam připisuju ještě font-size: 0px :) možna proto ti IE jebal. 12ti pixelový písmo je dost používaný :P
|
||
|
Časová prodleva: 15 let
|
|||
0