Ani nevíš jak ti ty Harmonizáky závidim. Já tu sedim v počítačový učebně bez počítačů a to naše zvířátko nám na tabuli kreslí, že program začíná klíčovým slovem begin… Chjo :-(

Aspoň, že jsem ráno potkal PiFa a Janu, a pokecali jsme si. Jinak je to tu hrozný — tendle ročník bude fakt drsnej a navíc všichni furt melou něco o semestrálních pracích. Asi je to nějakej místní fetiš :-)

ahoj mateji..tak presne tohle je odkaz kterej nechapu od zacatku do konce…tak to je ten priklad jak sem psala na ratabackym webu…jinak si to tam uzij..ahoj

No já nevim, ale já tomu rozuměl napoprvé a bez problémů :-)

Index x-srozumitelnosti: 10/10

Mám problém :-(

Představte si zdroják:

<div id=„obal“>
  <div id=„prvni“>bl­ablabla</div>
  <div id=„druhej“>bla­blabla</div>
  <div style=„clear:bot­h;“></div>
</div>

Tomu prvnímu divu nastavim float:left a nějakou šířku. Tomu druhýmu nastavim odpovídající margin-left (protože nechci, aby „obtékal“, ale byl prostě vedle). Obalu nastavim pozadí. Přesněji řečeno pozadí, které bude vypadat jako pozadí toho divu „druhej“. Prostě IMHO něco jako Finweblog (dvousloupcový layout).

No a problém je v tom, že to pozadí se mi zobrazí pouze do konce divu „druhej“, tzn. toho neplovoucího, a dál ani ťuk.

Nalezl jsem jedno řešení – když tomu obalu nastavim border, tak to fachá, jak já chci. Což je IMHO dost divný.

Jo, takhle to zobrazuje FF, IE je v klidu.

A teď zásadní otázka: „Je to mozilla-bug nebo Andrew-bug?“

Napadlo mě, že založim v blogu kategorii „Sorry Fári“…;)

Teda jako ale už!

Srandičky, srandičky, to vám jde, ale když člověk potřebuje poradit, tak nic… ;-)

Update problému:

Asi to bude složitější, páč XomaX mi neporadil, protože ten problém nedokázal nasimulovat. Ony ti divy jsou v jiných divech, ty jsou všelijak pozicované, zkrátka radost pohledět. Vzhledem k tomu, že problém se dá vyřešit tím borderem, budu to pokládat za FF-bug a začnu opět klidně spát :-)

A kategorie „Andrew Power!“ nebude, ale o kategorii „Sorry Fári“ se uvažuje, jo? Další důkaz, že to maj holky v životě lehčí. Minimálně u Finwëho :-)

BTW ono neplatí následující?

category(‚Sorry Fári‘)==catego­ry(‚Computers‘)

Andrew ;-)

Ne, neplatí, protože:

(„SELECT gr FROM blog WHERE id = 48“)
vrátí „Sobě pro radost“…

To je výjimka potvrzující pravidlo… :-) Co takhle mít možnost, aby jeden příspěvek byl ve více kategoriích, hm?

Nasimuloval jsem ho z tvých kusých informací..

btw tohle téma v „sobě pro radost“ je provakace proti Fári.. :-)

No já hledal někoho, kdo se s tim už třeba setkal. Simulovat podle kusých informací jde ztuha, to máš pravdu. To je jako kdybych tady napsal, že když něco floutim, tak Explorer mi občas nenzobrazí obsah obtékajícího divu. To se ti může ale taky nemusí podařit nasimulovat a zcela určitě nevymyslíš řešení. Ovšem zkušený webdesignér hbitě odpoví, že se jedná o tzv. peek-a-boo bug a napíše řešení.

A Fári Matěje zná, takže ví, čím se je schopný potěšit :-) Takže si příště dá pozor a bude chodit jen na hudbu a fotky (ale fotky zase rychle opustí :-)).

Ahoj,

promiňte, že jsem se k tomu dostal až tak pozdě.

Je to samozřejmě Andrew bug. S prázdným divem by prohlížeč respektující specifikaci, tuším, neměl vůbec počítat. Tzn. Mozilla se chová správně (jako by třetí div neexistoval), první div je vlastností float vyjmut → zarovná se tedy podle obsahu druhého divu.

Chci-li, aby se divem počítalo, mám dvě možnosti – dát do něj nějaký obsah nebo mu přidat vlastnost height (zde 2px). Pak ovšem narazím na chybou interpretaci MIE, který počítá výšku podle velikosti písma. Problém odstraním vlatností font-size: 1px;

Nakonec se může stát, že žádné odsazení nechci (patička má být přilepena přímo k sloupcům). Pak stačí použít záporný margin-top.

Snad už je to teď jasné. Kdyby něco, ptejte se, pošlu Vám příklad a referenční odkazy…

Odpovídal jsem na mail, takže pro čtenáře Finwëblogu jen ve zkratce.

Nebyl jsem odpovědí uspokojen ze tří důvodů:

1. ten obal má správnou velikost, jenom to pozadí mrví

2. z čehož vyplývá, že prázdnym divem jde clearovat; prázdnym divem se clearuje běžně; prohlížeč by ho IMHO měl ignorovat KDYBY měl všechny vlastnosti defaultní, což nemá

3. proč to bez borderu nejde a s borderem jo?

AD 1. Z čeho tak soudíš?

AD 2. Kde například?

AD 3. To netuším. Nicméně fungují i jiné triky, např. když obalu přidám vlastnost float. Ale nemá to nic společného se specifikací…

Podle mně má div bez obsahu výšku 0 a něco, co vlastně ani neexistuje, nemůže clearovat. Mozilla se tedy chová korektně.

Více třeba zde:

http://tvorbawww.einstein.cz/…-clear-quot/

http://interval.cz/clanek.asp?…

(1) Soudím tak z toho, že když pod ten obal něco napíšu, zobrazí se to pěkně od levého okraje a nEobtéká to ten float.

(2) Momentálně mě nenapadá nic jiného než vlastní web, tam je floatů požehnaně a všechny clearuju prázdným divem a nikdy to problémy nedělalo.

(3) Nastavovat obalu float je prasárna. A stejně bych to někdy musel clearovat.

A ten článek na intervalu bych IMHO radši nezmiňoval :-)

AD 1. To nechápu, jaký float, na obalu žádný float být nemá, ne?

AD Článek – jsou tam zajímavé komentáře :-)

hm tak jo..nerozumim ani tobe mateji ani nikomu jinymu kdo sem prispival…a ten smich na chodbe si priste laskave odpust!:)

Ad 1: Sorry Shamane, napsal jsem to blbě. Chtěl jsem říct tohle: když je float delší než nefloat a já něco napíšu po uzavření divu obal, tak se to píše až pod ten float a neobtéká ho to ⇒ ten clear funguje.

Ad článek: Přesně tak, diskuse pod ním je mnohem přínosnější.

Ad Fára: Si to tak neber. Prostě jsme Íčka a ty se většinou bavěj o věcech, o kterejch ostatní nemaj páru. Stejně tak ale umělci, vědci, IMHO kdokoli. Určitě by se našlo téma, kde bysme se proti Tobě nechytali. Matěj je hold ÚÍčko a podle toho Finweblog vypadá. Tak si z toho nic nedělej a zkus ho přesvědčit, aby sem hodil zas nějakou fotku. A Matěj se určitě nesmál Tobě, ale na Tebe! :-)

Andrew

pokusník