Starší komentáře ke článku: Implementační chyby v prohlížečích - plovoucí prvky a obtékající text
Zpět na článek | Úvodní stránka Interval.cz
Datum vložení: 30.6.2004 7:05:47
pěkný článek, už aby jich bylo na intervalu více :)
Datum vložení: 30.6.2004 9:21:59
tieto chyby su uz davno zname a podla mna si ich riesenie vobec nevyzaduje zdlhave uvahy.. len logicke myslenie.
Datum vložení: 30.6.2004 10:40:22
Je dobre, ze vam zminene chyby nedelaji problem. Jinak mohu potvrdit, ze zname jsou. Bohuzel zatim nejsou zpracovany v cestine. Proto tyto clanky.
Datum vložení: 30.6.2004 11:00:26
Jenom dobře, že o těchto problémech píšete. Často jsem si na různých stránkách všimnul, že tyto a podobné chyby webdesigneři ani neznají, natož aby je řešili. Díky za kvalitní článek a ještě kvalitní Mraveniště. Kdybyste napsal o chybách prohlížečů knihu, mezi prvními bych si jí koupil...
Datum vložení: 1.7.2004 10:22:45
Hloupy dotaz, proc by tyto chyby meli resit webdesigneri?
Datum vložení: 1.7.2004 10:55:35
Dotaz není hloupý, je naprosto na místě. Odpověď je taková, že v současné době nikdo jiný než webdesignéři tento problém řešit nemůže, respektive neřeší. Příkladem mohou být problémy (nejen) Intervalu s chybami Opery, které se hlásily už před více než rokem a na které vývojáři dosud nereflektovali. Pokud tedy chcete dosáhnout určitého výsledku, musíte se přizpůsobit dostupným nástrojům... ;-(
Datum vložení: 2.7.2004 13:11:31
Navíc i kdyby problém vyřešili vývojáři, webdesignér můsí stále počítat s tím, že opravené verze prohlížečů se budou rozšiřovat velmi pozvolna. Zvlášť, když instalačka majoritního prohlížeče je 25x (!) větší než instalačka Opery a žijeme stále v době dial-upů.
Datum vložení: 1.7.2004 11:06:48
Záleží na tom, jaký význam vidíte pod pojmem webdesigner. Když bychom byli důslední, tak to přeložíme jako "konstruktér webu". Tento konstruktér webu nemusí být dokonce pouze jedna osoba, může to být uskupení grafik + HTML kodér + programátor.
Pokud se na pojem webdesigner podíváme českýma očima, tak samozřejmě pravdu máte. Laik - čech - samozřejmě pod slovem "design" vidí jen hezké tvary, zkrátka design. Z tohoto směru máte samozřejmě pravdu.
Ale myslím si, že je nad rámec článku dohadování nad pojmy a jejich významy. Jirka Kouba by klidně mohl napsat "HTML kodéři", čímž by tato disputace zcela pozbyla smyslu.
Datum vložení: 10.7.2004 20:21:41
je v poradku pokud se toto resi na komercnich webech, protoze tam neni mozne proste buzerovat 85% zakazniku at si to daj do poradku na svoji strane ->skody ve forme x clovekohodin zbytecne prace webdesigneru, ktere MS zpusobuje svoji neschopnosti
a naopak je prasarna to resit na nekomercnich (rozumej: delanych pro zabavu), protoze tim se jdnak snizuje kvalita vystupu (nevyuzitim dostupnych technologickych moznosti) a soucasne dopomaha ke protahovani soucasneho nevyhovujiciho stavu
Datum vložení: 30.6.2004 11:37:29
Je to zname reseni, ale trochu mi vadi, ze to Validator vnima jako chybu...
Datum vložení: 30.6.2004 12:01:41
Můžete využít jiného triku, který validní bude. Např. toto akceptuje jen Internet Explorer ve všech verzích a validátor to zkousne:
* html body #aa {
width: 50px;
height: 50px;
}
Triků je mnoho a dostaneme se k nim v posledním díle tohot seriálu. Zatím mohu doporučit pěknou tabulku o CSS tricích: <a href='http://centricle.com/ref/css/filters/' target='_blank'>http://centricle.com/ref/css/filters/</a>. A ke studiu mohu doporučit i "Pixyho síto": <a href='http://www.pixy.cz/blog/2004_06_archiv.html#1088438627' target='_blank'>http://www.pixy.cz/blog/2004_06_archiv.html#1088438627</a>
Datum vložení: 30.6.2004 12:01:11
Perfektní článek.
Pro mě nic nového, ale je to pohromadě a dobře vysvětleno.
Jen tak dál.
Datum vložení: 30.6.2004 13:27:12
Mám takový pocit.... Nebyl jste Honzo velký kritik podtržítkového hacku? Jestli ano, tak gratuluji k dobrému názorovému posunu, pro tyto (skvělé) články je to přínosem.
(no a jestli jsme vedle jak ta jedle, tak se omlouvám)
Datum vložení: 30.6.2004 14:20:00
Váš pocit je správný, kritik jsem byl. Praxe mi ale ukázala. ;-)
Datum vložení: 30.6.2004 14:25:52
No vidíte, já kritikem zůstávám. Hacky jsou nutné zlo a když už jich člověk musí užít, měl by si vybrat takové, které nejsou v rozporu s principy, tedy i validitou ;-)
Datum vložení: 30.6.2004 14:35:30
Jistě, triky jsou zlé, zejména ty nevalidní. Ale ty validní bývají složitější. A proto jsem pro snadnější pochopení v článku použil ten nejjednodušší trik.
Datum vložení: 31.7.2004 2:49:24
Vyresit to pres podminene komentare je nejjednodussi + validni (+ muzete mit na strance i xml deklaraci, protoze pak nevadi, ze je MSIE v quirk modu)
Datum vložení: 1.7.2004 0:02:04
No, najprv mam robit stranky podla standardov, lebo ich treba dodrzovat, vsak kam by sme potom dosli, keby si kazdy pisal stranky ako chce (teda tak ako potrebuje, tak ako vie ze ich uvidi najviac ludi v tvare aky zamyslal) a kazdy kto na validitu kasle, je babrak hodny opovrhnutia.
No a ked uz to mam validne, tak to cele rozje..m hackom lebo najpouzivanejsi prehliadac od softverovej jednotky si s validnym kodom nevie poradit, takze validita je v riti ... ha ha
To len mne to pripada chore?
Takze pani experi, ak budete znovu raz na svojich blogoch hucat do naroda mudra o potrebe dodrziavania standardov, tak sa zamyslite, ci hucite do spravneho ucha.
Datum vložení: 1.7.2004 9:42:21
POdle revize 1 standardu CSS2 lze pouzivat v identifikatorech znak _ a to i na zacatku! viz <a href='http://www.w3.org/TR/CSS21' target='_blank'>http://www.w3.org/TR/CSS21</a> . Zatim je to ve stavu candidate - ale kazdou chvili by to melo byt doporuceni
Takze ten hack bude validni, az to bude validator podporovat
Datum vložení: 1.7.2004 20:26:05
Jak se to vezme, na to se názory různí. Sice to bude splňovat formální syntaktická pravidla pro CSS, korektně se chovající prohlížeč to bude povinen řádně ignorovat, ale validní to podle mne v žádném případě nebude. Pouze to bude na stejné úrovni, jako když dnes použijete atribut 'blabla' - taky sice splňuje formální pravidla, jak má jméno atributu v CSS vypadat, ale není součástí žádné ze současných verzí CSS.
Datum vložení: 2.7.2004 13:01:34
tady je spíš nebezpečí, že jednou ten atribut "blabla" skutečně vznikne, a v daleké budoucnosti to může způsobit nějaké kolize. Naopak _blabla by měl být z hlediska dopředné kompatibility čistý.
Proto s Vámi souhlasím, že blabla je jen formálně korektní, ale _blabla už považuji za korektní se vším všudy.
Datum vložení: 9.7.2004 20:05:38
Chyba se zvětšeným 3-pixelovým okrajem v MSIE se dá podle mě řešit lépe než hackem, který může v budoucnu špatně fungovat. Stačí plovoucímu prvku nastavit dostatečně velký záporný dolní okraj -- tedy:
#aa {
margin-bottom: -500px;
}
Záporný okraj způsobuje, že okolní prvky se chovají, jako by byl tento prvek o daný záporný okraj menší -- většinou to způsobí, že se posunou do jeho obsahu. Plovoucí prvky jsou ale vyjmuty z toku dokumentu, a proto u nich nastavení záporného okraje nemá žádný vliv. Pouze tím MSIE namluvíme, že tam žádný plovoucí prvek není, a tak se vykašle na svůj přídavný okraj.
Jinak super seriál -- jsem rád, že se tím bordelem v MSIE někdo zabývá, i když si myslím, že všechny chyby se nikdy nepodaří popsat a v konkrétních situacích tak vždy bude záležet na šikovnosti webdesignéra.
Datum vložení: 9.7.2004 20:14:36
Tedy myslel jsem samozřejmě situaci, kdy má obtékající obsah (v článku prvek #bb) nastaven okraj, takže je 3-pixelový zub vidět. Pokud okraj nastavený nemá, není to v MSIE ani vidět a IMHO nemá cenu se tím zabývat.
Datum vložení: 29.7.2004 20:38:28
Bohužel ten 3px posun je videt i pokud neni zadny okraj samotneho DIVu, ale jeho obsah je tvor tabulkami. Posunuty okraj tabulek pod urovni obtekaneho objektu je docela znat.
Nic to nemeni na tom, ze ten trik se zapornou hodnotou margin-bottom marginem je super.
Datum vložení: 6.9.2006 13:45:12
Ano, vaše řešení (margin-bottom: -500px;) jsem již několikrát použil, ale má jednu velkou nevýhodu a to tu, že pokud za takovýto plovoucí prvek dáte prvek s vlastností clear, tak se nezařadí za viditelný konec plovoucího prvku, ale za nastavený, v tomto případě -500px...
Datum vložení: 15.9.2004 11:34:26
V uvození příkladu 4b jsou pravděpodobně hned dvě chyby. Jedná se o větu "Přidejme k prvku xx levý okraj 3 px (#xx { margin-left: 30px; })."
Text hovoří o 3px, kód o 30px, ukázka navíc napovídá spíše tomu, že se okraj přidal k prvku bb a ne xx.
Tato varianta navíc v článku vyřešena není a okraj -3px na ni nezabírá.
Datum vložení: 1.5.2007 20:26:53
Hezke, ale: pokud prvku #bb nastavim left-margin:neco, tedy chci aby #bb nezalezal doleva, pokud je delsi nez #aa a zustal stejne siroky, tak margin -3px nezabere. Nechat to plavat sic zabere, ale odstreli v IE pouziti max-width (pomoci espression} ... Co s tim, nevite, pls?