Starší komentáře ke článku: Implementační chyby v prohlížečích - double margin a peekaboo bug
Zpět na článek | Úvodní stránka Interval.cz
Datum vložení: 25.2.2004 0:59:49
O techo dvou chybach jsem nemel tuseni! Vidim, ze obcas budu muset kvuli testovani stranek prece jenom pouzivat IE. Sakra....
Nebo ze bych se ne to vyflak? Naucim se ta reseni, hlavne na pekabu a nezasvinim si obrazovku :-)
Datum vložení: 25.2.2004 10:06:11
Sám tyto chyby sice znám, ale tady jsou i pěkně a jasně vysvětlené :-)
Datum vložení: 25.2.2004 14:10:01
Narazil jsem na takový nepříjemný implementační problém ve Firefoxu (tedy ve verzi 0.8, v předchozí to nebylo).
Tyka se plovoucich prvku. Mam pocit, ze Firefox jim pridava pravy okraj, ktery tam nema co delat. Navic, pokud prejedu mysi pres prvek, ktery ma definovany stav :hover, pravy okraj na chvili zmizi a zase se objevi.
Vubec nevim, jak se s tim vyporadat - nevite nekdo? Myslim, ze to neni spatne navrzene CSS, v zadnem jinem prohlizeci (ani starsi Mozilla) se to tak divne nechova. Prikladem budiz <a href='http://www.vitalita.cz/kategorie/vitaminy' target='_blank'>http://www.vitalita.cz/kategorie/vitaminy</a>, staci prejet mysi po tlacitku KOUPIT nebo pres obrazek.
Nevite nekdo, v cem je problem?
Datum vložení: 25.2.2004 14:19:34
Ani s Mozillou 1.7a nemám problémy (a ta je novější). Možná to bude nějaká specifická chyba, která už je zase odstraněná, třeba jako ty zdvojené rámečky tabulek v Mozille 1.6 (chyba se objevila v 1.6a a odstranili to v nightly buildu asi čtyři dny po release 1.6). Zkuste se podívat do Bugzilly, jestli tam o tom něco nenajdete, případně zkuste aktuální nightly build.
Datum vložení: 25.2.2004 15:42:55
v bugzille jsem nic nenašel :-( Ale docela jste mě překvapil s tím, že verze se stejným číslem mohou být jiné buildy, to mě fakt nenapadlo. Tak jsem zkusil stáhnout znovu Firefox, ale bohužel byl to ten stejný.
Schválně jsem právě nainstaloval Mozillu 1.6. Dělá to taky :-( Zkusil jsem teda stahnout Mozillu 1.7a, a je to snad ještě horší. Opět skáče okraj po přejetí myší přes tlačítko, a navíc začali po přejetí myší blikat obrázky (ale to je asi tim, že jde o beta verzi)....
Tak nevím, nakonec mám největší problémy nikoliv s IE, ale s Mozillou...
Datum vložení: 25.2.2004 17:58:31
Pokud je něco označeno jako Mozilla 1.6, Mozilla 1.7a nebo FireFox 0.8, pak je to pořád totéž. Mluvil jsem o nightly buildu, což je aktuální vývojová verze, která je jednou denně v noci (odtud nightly) sestavena pro ty, kdo sice chtějí vyzkoušet aktuální stav, ale nechtějí nebo nemohou si ho přeložit sami. Takže FireFox 0.8 je stejný dnes jako ve chvíli, kdy vyšel, ale nightly build je každý den nový.
FireFox 0.8 jsem si ještě nenainstaloval, takže to nemohu vyzkoušet, ale Mozilla 1.6 ani 1.7a mi na vaší stránce nic z toho, co popisujete, nedělá. Takže problém bude někde jinde.
P.S. Mozilla 1.7a není beta verze, je to alfa verze. :-)
P.P.S. obrázky začaly
Datum vložení: 25.2.2004 18:45:01
zvlastni, ze Vam to jede dobre. Korektni chovani jsem nasel az u verze Firebird 0.7. Tak jsem zkusil pridat zpravu na bugzillu (<a href='http://bugzilla.mozilla.org/show_bug.cgi?id=235555)' target='_blank'>http://bugzilla.mozilla.org/show_bug.cgi?id=235555)</a>
P.S. co s tema obrázkama?
Datum vložení: 25.2.2004 20:11:16
Mně to dělá Firefox 0.8 (Gecko 1.6) taky - Gecko 1.5 v pořádku. Nejen, že se roztahuje pravý okraj (kontejner "panel"), ale roztahuje se na velikost, kterou má mít od začátku!
Každopádně, pokud vypnu u elementu "button" v CSS:
-moz-opacity: .85;
blikání zmizí (ale stále ten kontejner nemá správnou šířku).
Dále to zkoumat teď bohužel nemám čas...
Datum vložení: 25.2.2004 15:11:21
Zdravim Vas Jane, prijmete moji pochvalu za tento serial. Ackoliv veskere tyto bugy znam ze zahranicnich zdroju, tak tady na intervalu je to jeden z mala zdroju v cestine, jeste v serialove podobe bude (doufam) celkem kompletni, takze o nej doufam zakopne hodne zacinajicich webdesigneru a budou se moci dopredu vyvarovat takovychto problemu. Takze jen strucne: Diky!
Datum vložení: 25.2.2004 16:35:25
Velmi hezky napad na serial. Diky.
Datum vložení: 25.2.2004 20:35:34
Mám jenom dotaz, proč jsou elementy floated a p1 za sebou
<div id="floated">
</div>
<div id="p1"> něco </div>
a proč nepoužít konstrukci
<div id="p1"> <div id="floated"> </div> něco </div>.
Datum vložení: 26.2.2004 12:44:31
1. V klasickém třísloupcovém layoutu, kde je nastavena výška všech tří sloupců a prostřední má nastaveno overflow:auto, ale nemá nestavenou šířku, to je zobrazeno špatně v Mozille, minimálně ve verzi 1.5 a v IE6 také. Prostřední sloupec je zasazen přesně mezi dva krajní, přestože nemá nastavenou šířku. V Opeře se to zobrazí správně. A když na stavím prostřednímu levý a pravý margin pro Operu v Mozille se o tuto šířku ještě více smrskne. V IE6 je to pokaždé zobrazená stejně - prostřední blok je zobrazen přesně mezi krajními, a to i když nemá astaveno overflow:auto.
viz: <a href='http://interforum.interval.cz/ShowPost.aspx?PostID=6240' target='_blank'>http://interforum.interval.cz/ShowPost.aspx?PostID=6240</a>
2. Mozilla 1.3 ignoruje čistič clear:both, pokud je umístěn v [HR]
Datum vložení: 26.2.2004 13:03:14
Na problém peekaboo (ač ho znám) jsem nikdy v životě nenarazil. Dokonce jsem ho dlouho nedokázal ani nasimulovat :-)
Důvod je úplně jednoduchý - kdysi jsem si vytvořil několik CSS pravidel, které používam v naprosto všech webech. Mají za úkol jen nastavit stejnou (relativní) velikost písma u body, td a th, tak aby byla shodná ve všech browserech. A shodou okolností, je tam pravidlo body { line-height: 1.2; } :-) Až do přečtení článku jsem netušil, že se problému tímto způsobem mimoděk vyhýbám.
Každopádně děkuji panu Bienovi za skvělý článek (i předchozí) a těším se na další! :-)
No, a
Datum vložení: 26.2.2004 14:43:41
Dobry den,
panove a damy, autor neni asi moc praktik, takze opomel napsat, ze pri bugu IE6 Peekaboo neni mozne pouzit position: relative, nebot, mate-li v divu s floatem obrazek, tak nastane opet Peekaboo na obrazku.:((( Ci-li pouziti position-relative je nesmyslne. Uvadi se na vsech zahranicnich forech, ale je nepouzitelne. Zkuste si to. Upozornuji na to vsude, takze i tady. Resini je formatovat text napr. zminenym line-height
Pekny clanek. Dik
Datum vložení: 28.2.2004 16:52:58
Můžete mi, prosím, poslat malou ukázku, u které má k Vámi zmiňovanému problému dojít? (janbien@mraveniste.org)
Datum vložení: 5.9.2006 18:24:49
Má pravdu, když v divu, který obtéká obrázek, tak se oten obrázek překryje.
Datum vložení: 13.12.2007 14:50:47
s nastavenim position: relative; i obrazku je vse v poradku
Datum vložení: 26.2.2004 23:34:25
článek je to moc pěkný, kapánek mě namíchlo, že se tu objevil, protože do něčeho podobného jsem se chtěl pustit já sám :-)
nicméně k věci.. přijde mi bohužel příliš zjevná inspirace webem Position Is Everything, který dlouhou dobu sleduju a hacky se zabývám. je sice moc hezké, že jsou na konci článku uvedené zdroje, ale myslím, že by bylo vhodné to v článku samotném nějak více vyzdvihnout. samozřejmě, jen pokud byl opravdu tento web užit jako hlavní zdroj informací. divil bych se kdyby nebyl, protože se v současnosti jedná asi o nejlepší a nejucelenější zdroj o chybách v prohlížečích.
pokud tento můj příspěvek čte právě autor.. vězte, že to nemyslím ani trochu negativně, jsem moc rád že se konečně podobný článek někde na českém internetu objevil.
jinak, všem ostatním doporučuji mailinglist css-d na w3.org. je to asi to nejlepší místo, kde se dozvědět, jak css opravdu ovládnout.
a zároveň bych rád vyzval všechny, kdo jej již alespoň trochu ovládl (úplně ovládnout, to se nám nikomu asi nikdy nepovede :-)), aby se spolu s námi podílel na návrhu css3 - v diskuzi www-style na w3.
a ještě přihodím jeden cenný odkaz
<a href='http://www.cssvault.com' target='_blank'>http://www.cssvault.com</a>
petr krebs
Datum vložení: 28.2.2004 16:51:35
Při hledání implementačních chyb na webu narazím obvykle na více zdrojů. Máte pravdu v tom, že právě Position Is Everything vždy shrnuje všechny kusé informace do jednoho přehledného balíčku a proto ani nemá cenu odkazovat jinam.
Vaši úvahu nad tím, zda je Position Is Everything inspirací považuji za scestné, jelikož hlavně o bohatý zdroj informací a návodů. Můžete mi naznačit, jakým způsobem by bylo vhodné Position Is Everything vyzdvihnout?
Datum vložení: 2.3.2004 1:01:24
Nazdar. Ja by som problem s Peekaboo riesil takto: #p1 {height:100%; } respektive _#p1 {height:100%; }. To by malo byt vsetko.
Datum vložení: 14.5.2004 20:20:20
Pokud pro odstranění dvojnásobného marginu u plovoucích prvků v IE postačuje přiřadit plaváčkovi "display:inline", nestačí jednoduše použít span místo div?
Datum vložení: 14.5.2004 23:02:09
Nestačí. Zatímco div s přiřazeným dispaly:inline je pořád blokovým elementem, který může obsahovat další vnořené blokové elementy, span je elementem řádkovým a obsahovat je nemůže ;-)