TOPlist

Pixylophone - komentáře

Komentáře (od nejstarších po nejnovější)

Komentáře k příspěvku Jak funguje "float" a "clear"


[1] Vložil(a): Raven [web], 2003-12-10, 20:54 Solo | MuteČtenáři: ---

tak přesně tyto myšlenky o neodbornosti mě napadaly při čtení článku na Intervalu...

jinak je to hezké vysvětlení pro dost lidí, který to nechápou správně...

[2] Vložil(a): Misha, 2003-12-10, 21:20 Solo | MuteČtenáři: ---

nevim, jestli je to chyba IE6, ale obcas sleduju pri pouZiti Zmineneho reseni (HR cistic na konci rodicovskeho prvku) problem s odkaZy s :hover, ktere mu predchaZi. Konkretne pokud nekde bliZko pred tim cisticim HR je odkaZ, ktery ma napr pri :hover jine poZadi, tak se obcas stane, Ze kus obsahu meZi tim odkaZem a cisticim HR proste pri prvnim nacteni neni videt. pokud se ale udela nejaka akce (prejede mysi pres odkaZ, Zmeni se velikost pisma), tak ta chybejici cast naskoci.

konkretne se mi to stalo Zde - http://www.hcslezan.cz/forum.asp - v IE6 se kousek sedeho obdelniku pod odkaZem "poslednich 200 prispevku" primarne neZobraZuje a musim prejet pres nejaky odkaZ nebo Zarolovat strankou, aby se to spravilo.

delam neco spatne, nebo je to jen chyba IE6 (jinde sjem to nepoZoroval)?

[3] Vložil(a): Raven [web], 2003-12-10, 21:34 Solo | MuteČtenáři: ---

tak už na to od sebe linkuji... :D
http://anatoly.wz.cz/index.php?p=14&c=1

[4] Vložil(a): Sokolík [web], 2003-12-10, 21:43 Solo | MuteČtenáři: ---

Přiznám se, že si taky v CSS nejsem 100% jistý v kramflecích, ale co se názorného obrázku týče, tak jsem narazil na to, že pokud obtékající text (nikoliv plaváček, ale ten co obléká plaváčká) má nastaven border, tak že mi ho vykreslí i přes plaváčka. Tedy ne tak, jak je to na vzorovém obrázku. (Čímž nechci říct, že by byl obrázek špatně - správně ilustruje, to co Pixy popisuje, ale jen chci říct, že jsem na to narazil a byť je to logické a jasné, tak mě to nedávno zaskočilo.)

[5] Vložil(a): juneau [web], 2003-12-10, 21:52 Solo | MuteČtenáři: ---

tipuju, ze podnetem byl muj hruzalbog :) ale prave takovyto clanek jsem za roky wwwovani nikde nepotkal. takze diky moc :)

[6] Vložil(a): Bohouš [web], 2003-12-10, 22:02 Solo | MuteČtenáři: ---

Přesně tak. nad podobným problémem jsem se nedávno zamýšlel a došel jsem k prakticky stejnému řešení. Jen mě napadlo zmínit ještě jedno zajímavé kozlení se slopcovou sazbou s pomocí vlastností float a clear. Jedná se o více sloupců se správně strukturovaným kódem. Tzn. pořadí: obsah a pak ostatní (postranní) sloupce.

Napsal jsem to raději do samostaného spotu na svém blogu [ http://bohous.jtv-group.org/webdesign/2003-12.html#1071088982 ].

[7] Vložil(a): pixy [web], 2003-12-10, 22:34 Solo | MuteČtenáři: ---

ad [4] > Ten border nemá být vykreslen PŘES plaváčka, ale pod ním. Jiná věc je, pokud má plaváček průhledné pozadí - pak je skrz něj ten rámeček vidět.

[8] Vložil(a): Milan Kryl [web], 2003-12-10, 23:01 Solo | MuteČtenáři: ---

Nedávno jsem právě na tento problém řešil a chvilku se s ním trápil. Díky za osvětlení problému bez jakéhokoliv mlžení. ,-)
Taky přidávám odkaz
http://kryl.jikos.cz/news.php?id=0312#0312102251

[9] Vložil(a): miroslav.kucera, 2003-12-10, 23:30 Solo | MuteČtenáři: ---

Nevim, co se mr. Stanicek "můří". Clanek je pouze o reseni designerskeho problemu. Clanek klidne nemusel vubec vyjit a lidem, co s tim meli problemy, jsem klidne mohl rici, "vykaslete se na Mozillu, je podle standardu, ale stejne ji nikdo nepouziva, v IE a Opere vam to pojede, tak to nereste."

Byl by autor tohoto webu radeji za takove reseni? Ja urcite ne. Designerum je potreba ukazat, ze to, co funguje v Mozille spravne (ale vyrazne odlisne od IE), se nemusi bat. A bohuzel, Mozilla zatim ani NAHODOU neni v pozici, kdy zasahuje mainstream. Tam je porad IE.

[10] Vložil(a): Michal Kubeček, 2003-12-10, 23:44 Solo | MuteČtenáři: ---

Ad [9]: jako autor víte dobře, že celý článek je prodchnut opakovaným zdůrazňováním, jak strašně moc vás nezajímá, která implementace je správná. Ve skutečnosti dokonce dosti nápadně naznačujete, že už jste se rozhodl, která je pro vás ta správná, a že skutečnost je pro vás zcela irelevantní. Ostatně, stačí se podívat na název - uvědomíme-li si, že s Mozillou žádné problémy nejsou, protože se chová korektně, působí poněkud trapně...

[11] Vložil(a): Roj [web], 2003-12-11, 00:21 Solo | MuteČtenáři: ---

[10] Cely problem je v tom, ze bejvali "tabulkari" stale jeste neprestali myslet "tabulkove". CSS berou jako nahradu tabulek. Byli zvykli na tabulkove weby a tabulkovy vzhled jim pripadal normalni a "spravny". Takze sice pisou weby v CSS, ale snazi se je delat, aby byly co "nejtabulkovatejsi".
Az tito lide vymrou (nebo pochopi, o co jde), prestanou tyhle pseudoproblemy existovat. Protoze nikomu nebude pripadat divne, ze sloupec s menu nepokracuje az uplne dolu jako prazdna nohavice :-). A pokud ano, bude automaticky pouzivat clear.

[12] Vložil(a): Michal Kubeček, 2003-12-11, 00:29 Solo | MuteČtenáři: ---

Ad [11]: a jednoho krásného dne třeba někoho napadne, že by klidně text hlavního sloupce mohl pokračovat i pod tím menu, když už je menu vložené jako float...

[13] Vložil(a): PssT [web], 2003-12-11, 00:33 Solo | MuteČtenáři: ---

Petre, kdysi jsem Vam o tomto problemu psal. Ale ted jste ho vlastne objevil i Vy. Ten problem spociva v tom, ze IE6 se chova chybne a to se projevi i na Vasem prikladu s "boxikem". IE proste smaze text pri prvem nacteni a pri reloadu a ten se objevi az pri praejti mysi.
Jestli mate moznost zkusit IE6/winxp nebo win98, podivejte se na:
http://www.psst.cz/test2/
nebo na screensfot:
http://www.psst.cz/test2/test_ie6.gif
Je zajimave, ze IE5.0 a IE5.5 to nedela.

[14] Vložil(a): Misha, 2003-12-11, 00:37 Solo | MuteČtenáři: ---

[13] - ano, o to presne se mi jedna v mem pripade je to tedy chyba IE6, predpokladam...

[15] Vložil(a): pixy [web], 2003-12-11, 00:57 Solo | MuteČtenáři: ---

ad [13] > hmmm, zajímavý bug. Ale jen bug. Určitě už se o něm ví a třeba někdo někde potká nějaký workaround... Já se s tím zatím nesetkal, takže těžko říct :/

[16] Vložil(a): Jiří Novák, 2003-12-11, 07:48 Solo | MuteČtenáři: ---

Bug MSIE 6:
Já se s ním setkávám nyní už docela často. Ale zatím, pokud vím:

Nebylo zjištěno, CO to PŘESNĚ a za jakých okolností způsobuje (i když souvislost s použitím vlastnosti float v nějakém DIVu "okolo" je zřejmá) a jaká je možnost opravy - projevuje se hlavně u prvků, které předcházejí elementům h1, h2, h3, h4, h5, h6, hr a form, ale bohužel někdy i jiným, a dokonce, když se to podaří v některých specifických situacích obejít větším definovaným marginem-top nebo z-indexem u těchto elementů, "po čase" se tato chyba projeví záhadně znova a onen skrytý prvek se objeví až po reloadu (někdy ani to ne), po scrollování (pokud je mimo první obrazovku) nebo po označení textu myší... :-/
A moc bych si nebyl jist také tím, že se o této chybě všeobecně ví. Ještě před půl rokem o ní nevěděl skoro nikdo, nebo se o tom alespoň nemluvilo. Každopádně se táhne od prvních verzí MSIE 6 a do posledních opravných balíčků i v SP1.

[17] Vložil(a): Plaváček [web], 2003-12-11, 07:48 Solo | MuteČtenáři: ---

Já jsem se s tímto bugem setkal mockrát a dlouho jsem se s tím trápil. Nakonec jsem našel sémanticky nepříliš čisté, nicméně funkční řešení (viz http://www.plavacek.net/reseni.html). Upřímně řečeno, nevím přesně, proč se IE chová takto podivně, fakt ale je, že vložením relativně pozicovaného bloku do "boxíku" vyřešíte tento problém poměrně elegantně a nádavkem se zbavíte i nešťastného 3px bugu Internet Exploreru. Vysvětlení důvodu proč to funguje nechám povolanějším, já jsem bohužel spíš praktik než teoretik.

P.S. nejsem plovoucí :)

[18] Vložil(a): Plaváček [web], 2003-12-11, 07:51 Solo | MuteČtenáři: ---

Sorry za špatný odkaz

http://www.plavacek.net/reseni.html

[19] Vložil(a): Jiří Novák, 2003-12-11, 08:08 Solo | MuteČtenáři: ---

No, mně právě na stránkách ta chyba najednou zmizela a pak už jsem se tím nezabýval :-)
V tom případě je to stejný způsob řešení jako u MSIE 5 a 5.5, kde když bloku s implicitní hodnotou display:block, ve kterém je tabulka, definujete pomocí DOM hodnotu display:none, tabulka jaksi nezmizí a zmizí jen její obsah, ale barva pozadí a mřížka zůstává na místě. Příklad mohu případně někam uložit, protože si nejsem jist, že by se o to tom taky moc vědělo.
A tam také pomohlo jediné. Této tabulce dát position:relative a bylo po problému.

[20] Vložil(a): PssT [web], 2003-12-11, 08:13 Solo | MuteČtenáři: ---

(17) Aj, ja to tak resim, aniz vim proc to tak funguje :)

[21] Vložil(a): Tratos, 2003-12-11, 08:41 Solo | MuteČtenáři: ---

[17]: Také jsem se tímto problémem trápil. Nakonec jsem našel, že tento bug má jen MSIE 6 který se projevuje v kombinaci s plovoucími objekty. Nazývá se IE6 Peekaboo Bug a více o něm najdete na http://positioniseverything.net/explorer/peekaboo.html
T.

[22] Vložil(a): Jiří Novák, 2003-12-11, 09:13 Solo | MuteČtenáři: ---

Osobně děkuji za odkazy a informace, zase vím o něco víc :-)

Jinak, MSIE 6 má takovýchto "roztodivných" bugů víc. Např. když dáte přímo vedle plovoucího objektu DIV s position:relative a tento DIV má trochu delší obsah, často to ten obsah úplně "rozsype", objekty na konci tohoto DIVu se objeví jakoby s position:absolute na začátku apod.
Tady pomůže naopak to, nedávat jakoukoliv hodnotu vlastnosti position u obtékajícího DIVu.
A mohl bych pokračovat. MSIE je podobnými chybami přímo prolezlý...

[23] Vložil(a): Malis [web], 2003-12-11, 09:48 Solo | MuteČtenáři: ---

O tomto bugu více také na http://interforum.interval.cz/ShowPost.aspx?PostID=1242
Narazil jsem na něj při tvorbě svých domovských stránek a dobří lidé poradili :) Jinak jako nejelegantnější mi přišlo to řešení s nastavením line-height.

[24] Vložil(a): Vilém Málek [web], 2003-12-11, 09:58 Solo | MuteČtenáři: ---

Kritizovaný článek není neodborný a nemate čtenáře. Nijak se nesnaží vysvětlovat funkčnost "float" (do toho je na Intervalu jiný článek), pouze popisuje konkrétní designérský postup, který je většině začátečníků utajen. Matoucí je následná diskuze pod článkem, která, jako obvykle, se netýká článku, ale osobních názorů zůčastněných.

[25] Vložil(a): miroslav.kucera, 2003-12-11, 10:12 Solo | MuteČtenáři: ---

To Michal Kubecek: "jako autor víte dobře, že celý článek je prodchnut opakovaným zdůrazňováním, jak strašně moc vás nezajímá, která implementace je správná. Ve skutečnosti dokonce dosti nápadně naznačujete, že už jste se rozhodl, která je pro vás ta správná, a že skutečnost je pro vás zcela irelevantní. Ostatně, stačí se podívat na název - uvědomíme-li si, že s Mozillou žádné problémy nejsou, protože se chová korektně, působí poněkud trapně..."

Pane Kubecek, nic proti vam, ale porad vam nedochazi, ze designeri maji pri tvorbe webu problem s MOZILLOU, nikoli s IE (ne vseobecne, jedna se o tyto floaty). Ano, Mozilla to dela podle standardu, tlesk, tlesk, vice takovych prohlizecü, ale z tech lidi, co chteli poradit, mi NIKDO (opakuji NIKDO) nenapsal, "proc to IE dela" blbe, ale "proc to Mozilla dela blbe". Nazev je zvolen tedy adekvatne - lidi hledaji problem v Mozille a nikoli v IE. Nejakou dobu jsem interval vedl a sam moc dobre vim, na co se lidi ptali a co hledali (a jak to hledali!).

Clanek neni o oprave chyb nebo bugu v IE, ale je o tom, jak to v MOZILLE udelat spravne (doplnenim float - alchymie? nebo doplneni clear). Lidi nevi, ze tam maji doplnit clear. NEVI.

A jako designera me opravdu nezajima, kdo to dela dobre a kdo ne (stejne je to mozila =). Opravdu ne! Stejne jako to nezajima meho klienta nebo meho navstevnika. Chapu, ze je tento muj nazor je urcite proti vasemu smysleni, ale s tim ja nic nenadelam. A je nesmysl, aby se toho stalo smyslem cele flame.

[26] Vložil(a): jirka, 2003-12-11, 10:31 Solo | MuteČtenáři: ---

ad 25: my vam nebereme ze se lide ptaji na to proc to v mozille nejde. Spis si ale myslim ze se proste v tom clanku melo napsat proc se to tak v mozille chova a ze by to tak ve skutecnosti melo byt. Ano poradil jste spouste lidi jak tento problem vyresit, jenze oni si pak budou myslet ze tak jak to maji oni je to proste spravne.
   To rikam z vlastni zkusenosti, drive jsem delal jen pro MSIE a tam mi spousta veci sla protoze to proste Explorer zchroustnul, no a kdyz to neslo jinde, tak jsem to proste nebral jako svoji chybu ze bych mel neco spatne. Nasmerovat lidi k tomu aby delaly weby poradne a ne jen pro MSIE kde jim to pojede at jsou tam vsemozne prasarny.

[27] Vložil(a): FunThomas, 2003-12-11, 10:58 Solo | MuteČtenáři:  - - -

Na tento problém som narazil pri tvorbe jednej stránky. Pozrite si http://julchrak.host.sk/pokus.html a povedzte mi, čím to môže byť.

[28] Vložil(a): miroslav.kucera, 2003-12-11, 10:59 Solo | MuteČtenáři: ---

Ano, v tom s vami souhlasim. Mohlo to tam byt... ANo. Jenze, pokud uz pisu nejaky clanek, tak vzdy stylem "problem a reseni.".

Pokud si nekdo mysli, ze to presto ve clanku chybi, ma to napsat rozumne do diskuse a ne tam placat nejake nadavky typu "autor nechape podstatu float blabla". Clanek neni o podstate float, ale o reseni problemu. A zadne jine ambice nema.

Kdyz nekomu nestartuje auto diky rozpojenemu rozdelovaci, tak mu reknu toto - "kdyz priste ti to nebude startovat, podivej se sem, zdali to nemas vypojeno". A nebudu jej krmit teorii, "co to rozdelovac je, k cemu slouzi, proc tam vlastne je, jak by mel fungovat, jake je jeho postaveni vzhledem k cele startovaci soustave atd.".

Rozumime si :-)

[29] Vložil(a): jirka, 2003-12-11, 11:04 Solo | MuteČtenáři: ---

ad 28: jasne rozumime, ikdyz v jedne veci bych si dovolil oponovat :o)

dle me je prece jen rozdil mezi ridicem a webdesignerm, o ridice by slo spise pokud by to bylo smerovano uzivatelum, ale lide co ty weby tvori by preci jen tu teorii meli znat.

Uz bych toho ale asi radsi nechal nebo se tu budem neustale pretahovat o slovicka :o)))

[30] Vložil(a): miroslav.kucera, 2003-12-11, 11:06 Solo | MuteČtenáři: ---

Designeri teorii znaji, jinak by ty weby prece nemohli delat, ale pak se uz dostavame k tomu, jak moc ji maji znat. Ja o sobe nikdy netvrdil, ze v teorii jsem nejlepsi.

[31] Vložil(a): jirka, 2003-12-11, 11:11 Solo | MuteČtenáři: ---

jen z toho komentare to vyznelo tak ze by se designery nemeli vubec zatezovat teorii, nebo aspon ja jsem to z toho tak pochopil. No rekl bych ze jsme si to osvetlily a vime co kdo mysli a mohli bychom to uzavrit :o)

[32] Vložil(a): Ritchie, 2003-12-11, 11:13 Solo | MuteČtenáři: ---

2 Vilém Málek a Miroslav Kučera
Designeři navrhují pouze design stránek. (X)HTML kód nepíší. Od toho jsou HTML kódéři či vývojáři webových aplikací. A pokud ti mají "problémy" s Mozillou, nejsou žádnými vývojáři, ale vepřovým. Naopak vývojáři co chvíli řeší nějaký workaround pro IE. Do jaké skupiny se řadíte vy, pane Kučero?
Ani Mozilla není bez chyb, sám jsem reportoval několik bugů (ještě nejsou opraveny), které mně znepříjemnili návrh stránek. Takhle vypadají skutečné problémy s Mozillou.

Název je zvolen jako v bulváru. Má vyvolat představu, že s Mozillou není něco v pořádku -- že obsahuje bug. A to mezi prostou webvývojářskou obcí vzbudí rozruch, když je Mozilla brána jako etalon dokonalosti.
Když lidé neví, že tam mají doplnit clear, proč jim to nevysvětlíte. NEVYSVĚTLÍTE. Třeba jako to udělal pixy.

Interval neuvěřitelným způsobem upadá. Za poslední měsíc mě pozitivně zaujaly nejvýše tři články. Jedinou smysluplnou aktivitou je interfórum. To nemáte kvalitní autory, problematiku jste vyčerpali, nemáte peníze nebo co se děje?

[33] Vložil(a): miroslav.kucera, 2003-12-11, 11:25 Solo | MuteČtenáři: ---

Do jake skupiny se řadím? Pokud to delite takto, pak se řadím do obou - designer/koder.

Ja ostatne zadne problemy s Mozillou nemam :o) Maji je jenom ti, co mi pisi, ze jim to v Mozille nejede, a toje trocuh rozdil.

[34] Vložil(a): a1024, 2003-12-11, 11:46 Solo | MuteČtenáři: ---

ja si len myslim ze na intervale mal autor napisat odstavec aky je tu (Vztah plaváčků k neplavcům a naopak) a bolo by to ok. nie tam pisat ze mozilla sucks len pre to ze to zobrazuje korektne a ze je problem niekde inde.
predvcerom som robil navrh jedneho webiku a mal som tiez problem s tym ze mi vonkajsi div skoncil skor ako v nom vnoreny div. musel som zase robit workaround s odstranenim vnorenych div-ov a prepisanim css. da sa to, ale nebolo mi jasne preco som to musel spravit.
precitanim clanku na intervale by som sa nedozvedel ze vonkajsi blok moze skoncit skor ako vnutorny. precitanim clanku na pixy.cz som sa to dozvedel.
to ze to mozilla sprasi je jasne kazdemu kym si neprecita ako sa div-y chovaju a ze to vlastne sprasi msie.

[35] Vložil(a): PssT [web], 2003-12-11, 12:58 Solo | MuteČtenáři: ---

[27] Neudelal jste chybu. Je to opet chyba IE. Obdobne dopadla i uvodni stranka: http://www.csszengarden.com/
kde se Vam nepodari nabrat vysek textu. I tuto chybu jsem videl popsanou (kde uz nevim).
Je jen skoda, ze se o techto konkretnich chybach malo mluvi a tak se stava, ze ti kteri zacinaji se s tim zatracene trapi a potom vemou zavdek i nejakym, sice zcela nelogickym, ale pritom funkcnim reseni. A mozna prave o tomto je tento spor. Ze se nabidne reseni, aniz se upozorni na jeho nekorektnost, aniz se vysvetli jeho casove omezeni a uskali, ktere s timto resenim souvisi, aniz se vysvetli v cem chyba vezi a ktery prohlizec tuto chybu obsahuje.
To byl zrejme i duvod proc Pixy reagoval tak, jak reagoval.

[36] Vložil(a): Vilém Málek [web], 2003-12-11, 13:30 Solo | MuteČtenáři: ---

[32] (2 Ritchie): Nadpis tvrdí, že jde o problém v Mozille, a to je také pravda. Je to problém a projevuje se v Mozille. Jestliže Vy to vnímáte tak, že jde o bug Mozilly, jde jen a jen o Váš problém, protože jednoduchému nadpisu podsouváte vlastní domněky ;-)

[37] Vložil(a): pixy [web], 2003-12-11, 13:43 Solo | MuteČtenáři: ---

ad [36] > Takže z vašeho pohledu je to problém, který se objevuje v Mozille, Firebirdu, Netscapu, Safari, Caminu, Opeře, IE/Mac, iCabu, Konqueroru, OmniWebu, Amaye a pár desítkách dalších prohlížečů - jen v IE/Win je to správně. Opravdu brilantní úvaha.

[38] Vložil(a): PssT [web], 2003-12-11, 13:51 Solo | MuteČtenáři: ---

[32] Nechtel jsem se teto prestrelky zucastnit, ale ted uz me to zacina vadit.
1. Je to problem - s tim souhlasi kazdy.
2. Jde o problem v Mozille - ne. Jde o problem IE a Opere a take se v IE a Opere projevuje, nebot se prazdny blok nechova jako prazdny. Vzdyt neni treba cist zrovna Pixyho clanek, ale zacist se primo do specifikace.

[39] Vložil(a): Vilém Málek [web], 2003-12-11, 13:51 Solo | MuteČtenáři: ---

[37] Překrucovat se dá všechno a všelijak. Ano, ve Vámi zmíněných prohlížečích to problém je. Nejde o problém těch prohlížečů, ale problém webdesignérský, problém lidský, problém setrvačnosti myšlení. Prostě co udělat, aby to vypadalo tak, jak to dotyčný chce.

Celá debata kolem je naprosto zbytečná, protože je jen hádkou o slovíčka. Vsadím se, že kdyby se zúčastnění, kteří sami zvládají CSS nadprůměrně a daný "problém" už dávno vyřešili, sešli někde v hospodě, řekli by na konto téhle věci tak pět slov, protože za víc prostě nestojí.

[40] Vložil(a): PssT [web], 2003-12-11, 13:53 Solo | MuteČtenáři: ---

Omlovam se reakce byla na [37]

[41] Vložil(a): PssT [web], 2003-12-11, 13:55 Solo | MuteČtenáři: ---

a jeste jednou a ted uz spravne na [36] Oni mi tam mezi tim naskakaly dalsi prispevky

[42] Vložil(a): Vilém Málek [web], 2003-12-11, 14:01 Solo | MuteČtenáři: ---

[32] (2 Ritchie): Vzhledem k tomu, že nemáte uveden e-mail ani webstránku, mohl byste mi zde napsat, které tři články připadaly konkrétně Vám přínosné? Třeba by se dalo takových článků získat od autorů víc - kdyby o ně nějací čtenáři projevili alespoň minimální zájem ;–)

(2 Pixy: Omlouvám se za OT ;–)

[43] Vložil(a): miroslav.kucera, 2003-12-11, 15:57 Solo | MuteČtenáři: ---

TO PssT: "Jde o problem v Mozille - ne. Jde o problem IE a Opere a take se v IE a Opere projevuje, nebot se prazdny blok nechova jako prazdny.

Jenze vy to berete z pohledu standardu. Ale z pohledu designera, ktery to udela a zjisti, ze Mozilla se "chova odlisne" (protoze ji chybi clear) to chyba je. Proc? No z jedineho blbeho duvodu - IE se chova presne tak, jak on zrovna potrebuje.

[44] Vložil(a): PssT [web], 2003-12-11, 16:35 Solo | MuteČtenáři: ---

Toz to mate tak. Ja si myslim, ze neni zadny rozpor mezi hlediskem designera a hlediskem standardu. Chce-li clovek delat webdesign musi chte nechte zacit teorii a nutne nastudovat i ty standardy. Jinak dela zpusobem pokus omyl.
Otevrene se priznam, ze i ja jsem prisel na metodu vlozit plavouci box do plavouciho boxu a tim docilit kyzeneho. Dokonce jsem to i na strankach aplikoval (ty stranky znate :). Brzy jsem vsak tuto konstrukci odstranil. Proc? Protoze jsem si ji sam nebyl schopen logicky zduvodnit a nenasel jsem pro ni ve standardech zadnou oporu. To za prve. Za druhe nemam moznost tuto konstrukci otestovat ve vsech prohlizecich a jejich verzich. A jak tedy mohu sam sobe rucit za to, ze se tato nezduvodnena konstrukce bude chovat spravne vsude nejen ted, ale i v budoucnu. A davat to jinym jako priklad reseni? No to uz vubec ne. Vzdyt do meho kodu se muze kdokoliv podivat a ve vire, ze jsem znalec toto prevzit. A to bych jaksi nechtel. Nez spatnou radu, to radeji zadnou a kdyz uz, tak s poradnym vysvetlenim.

[45] Vložil(a): pixy [web], 2003-12-11, 16:50 Solo | MuteČtenáři: ---

ad [44] > Děkuji. Ano, přesně tak jsem to myslel.

[46] Vložil(a): Dave G [web], 2003-12-11, 17:39 Solo | MuteČtenáři: ---

[27], [35]: Tenhle problem vznika tak, ze IE, pokud je v režimu zvaném "standardní", tak chybně nastavuje výšku BODY na 0. Projevuje se to tak, že není možné označit část textu.

V případě umístění plovoucího prvku, je výška nastavena na výšku onoho prvku, takže lze označovat text jen do této výšky.

Řešením je buď nastavit u BODY _height:100% (podtržítko před height nastaví vlasnost jen pro IE) a zrušit margin (aby se neobjevili scrollbary), nebo přepnout IE ze standardního módu do módu quirk. To lze učinit vložení tohoto řádku úplně na začátek dokumentu:

<?xml version="1.0" encoding="windows-1250"?>

Pokud máte PHP, je třeba řádek vložit takto:

<?php echo "<?xml version=\"1.0\" encoding=\"windows-1250\"?".">"; ?>

Samozřejmě v případě jiného kódování řádek upravte!

[47] Vložil(a): Dave G [web], 2003-12-11, 17:46 Solo | MuteČtenáři: ---

[pixy] Pixy, na konci článku píšeš, že "Pokusy o řešení tohoto problému ... vytvářením "plaváčka" i z onoho rodičovského bloku ... je čirou alchymií..."

Myslím, že právě vytvoření plaváčka z rodičovského bloku ve své podstatě má stejný efekt, jako doplnění bloku clear:both. Protože plovoucí blok přizpůsobí svou velikost tomu, aby obsahoval své potomky. Tak mi to alespoň vyplýva ze specifikace dle w3.org, a je to také hojně využívaná vlastnost plaváčků.

[48] Vložil(a): Petr, 2003-12-11, 18:08 Solo | MuteČtenáři: ---

Mimochodem co se tech floatu tyce - proc mi IE6 (nevim jak jine verze) u prvku s float:left nastavi margin-left dvojnasobny? Mluvim treba o prikladu jedineho DIVu na strance s pevnou sirkou, nehrozi tedy konflikt s okolnimy DIVy.

[49] Vložil(a): Vilém Málek [web], 2003-12-11, 18:26 Solo | MuteČtenáři: ---

[46] Doporučoval bych spíše následující zápis, ušetří řadu problémů a je také v dokonalejší shodě s normou ;–)

<?php echo('<?xml version="1.0" encoding="windows-1250"?>'); ?>

[50] Vložil(a): pixy [web], 2003-12-11, 18:48 Solo | MuteČtenáři: ---

ad [47] > Vážně? A kde to tam je, prosím? Já to hledal celkem usilovně a marně...

[51] Vložil(a): PssT [web], 2003-12-11, 19:19 Solo | MuteČtenáři: ---

[48] "Protože plovoucí blok přizpůsobí svou velikost tomu, aby obsahoval své potomky."
Tak toto je prave to, co jsem i ja ve specifikaci hledal, ale nenasel. Nasel jsem pouze to, ze se prispusobi svemu obsahu. Ale v uvedenem prikladu zadny obsah (protoze plovouci prvky jsou vyjmuty) uz neni. Prispusobi se tedy (podle mne spravne) svemu nulovemu obsahu, to je nastavi nulovou vysku. To co zustava "uvnitr" je vlasne jen right/left a top pozice.

[52] Vložil(a): Michal Kubeček, 2003-12-11, 19:34 Solo | MuteČtenáři: ---

Ad [25]. Dovoluji si zcela zásadně nesouhlasit. Mají-li ti autoři s něčím problém, není to Mozilla, ale fakt, že nepochopili, co je to float, k čemu slouží a jak se chová. Proto od něj očekávají něco, co jim (bez dalších opatření, jako např. vložení boxu s 'clear: both') poskytnout nemůže. Někteří z nich pak ještě mohou mít problém s MSIE, který je svým chybným chováním může utvrdit v přesvědčení, že jejich očekávání je oprávněné.

Jsem jen strašně zvědav, co budete na toto téma psát, bude-li tato chyba v příští verzi MSIE (dočkáme-li se jí vůbec někdy) opravena... Že zavlekli do MSIE chybu z Mozilly? Nebo se pro vás stane "špatné" chování "správným" jen proto, že ho převezme váš oblíbený prohlížeč?

P.S. lidé NEVĚDÍ

[53] Vložil(a): rony [web], 2003-12-11, 20:30 Solo | MuteČtenáři: ---

pixy: vysvetlene tak, ze som spravil krok dalej (uz to nielen chapem ale VIEM aj PRECO) ;-) diky moc

[54] Vložil(a): Dave G [web], 2003-12-11, 22:41 Solo | MuteČtenáři: ---

[50]: příkladem budiž tohle: http://www.dgx.cz/test/float.html

testoval jsem IE 6, Opera 7.2, Mozilla, Safari 1.1

je možné, že všechny moderní prohlížeče v tomto odporují specifikaci, ale v tom případě se přidávám na stranu prohlížečů :-D

[55] Vložil(a): Dave G [web], 2003-12-11, 22:43 Solo | MuteČtenáři: ---

aj, zapoměl jsem dodat variantu, kde containter neplave:
http://www.dgx.cz/test/float.html

[56] Vložil(a): Dave G [web], 2003-12-11, 22:43 Solo | MuteČtenáři: ---

uaaaaaaaa - tak naposledy a spravne: http://www.dgx.cz/test/float2.html

[57] Vložil(a): pixy [web], 2003-12-11, 23:04 Solo | MuteČtenáři: ---

Dave G > Ale ovšemže, já vím, taky jsem si to zkoušel. Ale nevím proč, nevím, jestli je to tak správně a nevím, jestli to tím pádem bude fungovat i dalších verzích browserů.

Proto mám rád standardy, protože tam jsou tyhle věci vyřešené.

Když někdo najde ve specifikaci vysvětlení pro tohle chování a zdůvodnění, že to je správně, tak zajásám a leccos tím bude vyřešeno. Do té to ale považuju snad za zajímavý postřeh, možná všeobecně rozšíženou chybu - nevím. Nevím.

[58] Vložil(a): BoB, 2003-12-11, 23:44 Solo | MuteČtenáři: ---

Rád bych upozornil na to, že zatímco v případě s "čističem" musí být tento vložen přímo do kódu stránky, tak varianta s floatem rodičovského prvku lze zřídit pouze zásahem do CSS, což může být výhodné... :-)

Leč na druhou stranu uznávám, že pokud se jedná "pouze" o všeobecně rozšířenou chybu, tak je to velice nemilé pro budoucnost. :-(

[59] Vložil(a): PssT [web], 2003-12-11, 23:55 Solo | MuteČtenáři: ---

[54] Dave, zkuste si zkratit ve Vasem text na pouhe cca 5 slov "Lorem ipsum dolor sit amet." Aplikujte tuto upravu do obou prikladu. A potom se podivejte opet znovu (zejmena v Opere).
Nebo se podivejte sem (doufam, ze jsem ve Vasem zdroji nic neprehledl):
float: http://www.psst.cz/test2/float.html
nofloat: http://www.psst.cz/test2/nofloat.html
Je-li Vas predpoklad spravny, pak by zobrazeni ve float i nofloat melo byt shodne.

[60] Vložil(a): PssT [web], 2003-12-12, 00:52 Solo | MuteČtenáři: ---

Ale ona uz je noc, tak jen upresnim, ze chyba ve Vasem prikladu je v tom, ze jste zapomenel nadefinovat sirku vsem plovoucim boxum. Pak Vam to bude fungovat. Jak jsem psal jiz vyse i ja jsem toto zkousel a nenasel jsem v zadnem mem prohlizeci zadnou chybu. Presto jsem to vzdal, protoze jsem ve specifikaci nenasel zadnou oporu pro toto reseni. A riskovat, ze budu stale hlidat jestli se nekde neco nezmenilo mi prijde hodne riskantni.

[61] Vložil(a): Dave G [web], 2003-12-12, 01:35 Solo | MuteČtenáři: ---

[60] Asi jsme si přesně nerozuměli: snažil jsem se demonstrovat, že zobrazení NENÍ shodné.

Pokud nastavím šířku u rodičovského DIV, jak uvádíte, tak se opět nic nezmění (tedy v Mozille a Safari)! - což teorii potvrzuje.

V případě IE jsou obě zobrazení shodná. Ovšem to je onen bug, díky kterému vznikl ten zmatený článek v Intervalu, kterýžto vyprovokoval tento příspěvěk v blogu Pixyho :-))) .... takže IE v tomto případě ignorujme.

Ale jak říkám: uvedené příklady potvrzují mou teorii, zdůrazňuji slovo teorii, protože jsem teď právě strávil tři příjemné hodiny pročítáním www.w3.org a hledáním, kde je to formulované a nenašel jsem to. Omlouvám se...

Ale, stále jsem přesvědčen, že je to v souladu se standardem, protože - teď se prosím dobře zamyšlete a aktivujte naplno představivost- kdyby se prohlížeč choval jinak, tedy nenatáhl výšku rodičovského PLOVOUCÍHO prvku, jak by měl s takto vzniklým prvkem zacházet? Uvědomte si, že vzniklý prvek by vlastně nemusel být obdélníkem (!) a celá specifikace ohledně plovoucích prvků uvažuje jen a jen s obdélníky. Tedy natáhnutí výšky je ve své podstatě nutnost, aby bylo zachováno obtékání jak pro vnitřní prvky, a také pro prvek rodičovský. Tohle považuji za dostatečný důkaz
mé teorie.

[62] Vložil(a): PssT [web], 2003-12-12, 11:58 Solo | MuteČtenáři: ---

Myslim, ze jsme myslenkove to dotahli tak daleko, ze bychom si bez primeho kontaktu asi nerozumneli a ti, co to ctou, asi uz jsou z toho tumpachovi. Cely problem je asi v tom, ze Vy predpokladate natazeni vysky podle vnitrnich prvku a to Vas vede k jistote. Ja vsak predpokladam natazeni vysky jen podle obsahu, tedy bez plovoucich prvku, ktere jsou z tohoto obsahu vyjmuty. A to mne vede k nejistote.
Davam Vam vsak naprosto za pravdu, ze to vsechny mne dostupne prohlizece interpretuji presne tak, jak jste to popsal. A Vase priklady (kdyz doplnite i sirku treba 100% u zakladniho prvku), se zobrazuji naprosto presne.

[63] Vložil(a): miroslav.kucera, 2003-12-12, 12:00 Solo | MuteČtenáři: ---

V IE nejsou obe zobrazeni SHODNA. Pokud je definovan WIDTH, IE se zachova nestandardne - rodicovsky ma vysku vnorenych floatu. Pokud WIDTH definovan NENI, IE se chova presne podle standardu.

[64] Vložil(a): Dave G [web], 2003-12-12, 12:49 Solo | MuteČtenáři: ---

[63] Vy jste si ale nevšiml, že teď tu řešíme problematiku, kdy je i ten rodičovský DIV plovoucí. Pokud je plovoucí, a WIDTH definované není (nebo je, na tom nesejde), stejně se výška natáhne - otazka zní, jestli jde o standardní chování nebo všeobecně rozšířený roztomilý bug.

[62] Asi chapu, kde si nerozumime - je to v tom "vyjmutí" plovoucích prvků. Plovoucí prvek je vyjmut z obsahu, přesunut doleva (resp. doprava) a opět (v uvozovkách!) do obsahu vložen. 'Do obsahu vložen' je vlastně jen jiná formulace pro 'obsah jej obtéká'. Tedy plovoucí prvek považuji neustále za součást rodičovského prvku - vždyť on tam přeci pořad je, jen někde jinde (navíc na okraji společnosti, chudák).

Ale máte pravdu, že teď už je to asi skutečně diskuze jen mezi námi dvěma, přesto mám pocit že jde o hodně významnou vlastnost floatů, takže asi mi nezbývá nic jiného, než o tom založit nějaký blog :-D

[65] Vložil(a): Bohouš [web], 2003-12-14, 18:58 Solo | MuteČtenáři: ---

Mohu-li přidat svůj postřeh, rád bych zmínil, že problém, o němž se bavíme zmizí, pokud rodičovskému elementu (který nijak neplave) nastavíme nenulový border. Případně může být barva tohoto okraje shodná s barvou pozadí. Použití čisticího prvku za plovoucími je ok, pokud máme pod plovoucími prvky ještě nějaký obsah. Jinak, použiju-li <hr /> jako čistič, nepodařilo se mi zatím ho donutit k nenulové výšce. Nevím čím to je. Většinou však kus volného místa dole nevadí.

[66] Vložil(a): pixy [web], 2003-12-15, 10:19 Solo | MuteČtenáři: ---

ad [65] > To tedy ani náhodou. Problém s nastavením borderu rozhodně nezmizí. Možná to má v nějakém chybovém prohlížeči nějaký vliv, ale obecně nikoli.

[67] Vložil(a): Bohouš [web], 2003-12-16, 09:36 Solo | MuteČtenáři: ---

[65]: Mozilla 1.2.1 a IE 6.0. Nemůžu se toho marginu u hr zbavit.

[68] Vložil(a): Jiri Krakora, 2003-12-17, 20:00 Solo | MuteČtenáři: ---

Zkopíroval jsem příklad na konci článku a takhle to dopadlo v Mozille 1.3 - http://xdrive.wz.cz/temp/moz13.jpg

a takhle v IE6(resp. MyIE2) - http://xdrive.wz.cz/temp/ie6.jpg

Explorer v pořádku, mozilla ignoruje cistic [hr]. Pokud dam misto [hr] [div], tak to funguje i v Mozille 1.3

Čímpak to asi je? Buď je něco špatného s Mozillou, anebo moje copy/paste schopnosti jaksi nefungují správně. Ale druhá možnost je velice nepravděpodobná. Kontroloval jsem to po sobě několikrát.

[69] Vložil(a): PssT [web], 2003-12-18, 00:55 Solo | MuteČtenáři: ---

[68] Mozilla 1.5 uz je OK. Podobne chyby pacha i Netscape 6.x.

Jinak nasel jsem v prispevcich na Intervalu navrh dalsiho reseni, cituji:
"Osobně jsem tento problém již dávno řešil a dospěl jsem k tomu, že stačí pro rodičovský DIV nastavit overflow:auto"
No, nezkousel jsem to. Ani nebudu. Ale mohu navrhnout dalsi pseudoreseni:
Nastavit zakladnimu neplovoucimu prvku hodnoty:
width:100%; display:table; a funguje to take.
Mozna, ze techto take reseni je daleko vice. Nemohu si vsak pomoci, v dokumentaci nachazim jen jeden postup pro ukonceni obtekani, a to je clear.

[70] Vložil(a): sadist, 2004-03-03, 10:05 Solo | MuteČtenáři: ---

Jiri Krakora>
jj mas uplnou pravdu..nechapu to,ale bud jsem taky debil nebo neumim kopirovat....ten plovouci prvek proste v mozille (1.4 co mam) nefunguje tak jak je popsano..tj plovouci prvek presahuje pres onen zluty background...takze predpokladam,ze i mozilla neni az zas tak super

[71] Vložil(a): Smajlenka [web], 2004-12-08, 18:13 Solo | MuteČtenáři: ---

Ahoj,
mám problémy s xhtml+css a funkčností takto vytvořených stránek ve všech internetových prohlížečích. Hledám někoho, kdo by mi na konkrétním příkladu ukázal jak to má být správně a pomáhal mi při učení xhtml a css i nadále. Nejsu samouk a z učebnic a popisů to nechápu. Učím se tím stylem že mi druzí říkají co přesně mám špatně a co přesně mám udělat aby to bylo správně. Zrovna u tohoto tématu mám problémy. Tak prosím kdo tomu rozumí a je si 100% jistý ať mě pls píše na ICQ 298849667. Mé stránky jsou www.smajlenka.com tak se na to jukněte a poraďte dík moc p.s. odpovědi zde na můj dotaz už nebudu číst proto vás prosim aby jste napsali na email nebo icq. pa Smajla

[72] Vložil(a): Priwi [web], 2005-04-07, 19:52 Solo | MuteČtenáři: ---

Mě to teda nefunguje. Jak v IE, tak v Mozille se mi to celý skryje...


Váš názor

Přidat nový komentář

Váš komentář

Přidávání komentářů k tomuto příspěvku již bylo ukončeno.

Chcete-li autorovi přesto sdělit nějakou podstatnou informaci, která se příspěvku týká, kontaktujte jej e-mailem.



 RSS 0.9x  Export  RDF  Export  RSS 0.9x  Komentáře  TXT  Komentáře  XHTML 1.0  Validate  W3C  CSS 2.1  Em-web  Resizable  W4D  90% dogmatic

Vygenerováno: [stránka generována dynamicky]