Dnia Thu, 12 Jan 2012 15:31:41 +0100, Paweł Piskorz napisał(a):

> W dniu 2012-01-12 10:52, Marek pisze:
>> Dnia Wed, 11 Jan 2012 12:38:21 +0100, Paweł Piskorz napisał(a):
>>
>>> Co się dzieje? Margines Ci wpływa na element wcześniejszy w kodzie? Daj
>>> przykład.
>>
>> No więc właśnie tak jest.
> [8<]
>
> Z tekstu wywnioskowałem że margines dla p odsuwa Ci h1, a tak nie jest -
> jeżeli usuniesz margin-top z Twojego przykładu to pozycja h1 się nie zmieni.
> Coś chyba pokręciłeś :)


A tak, to już sprostowałem komuś. Dyskusja ma tyle gałązek, że przeniosłem
myślowo wątek z jednej do drugiej. Margonesy od P nie przebiją się przez H1
lecz marginesy od H1 przebijają się przez DIVy i rozwalają layout w
zupełnie innym miejscu dokumentu niż H1 występuje. Gdy mam kilka DIVów
zagnieżdżonych, to przez wszystkie margines przechodzi i zatrzymuje się
dopiero przy jakimś, w którym zastosowano "pułapkę" na radośnie fruwające
po całym dokumencie marginesy. Pułapki najczęściej w postaci bezsensownych
dodatkowych, pustych elementów o zerowej wysokości bo zazwyczaj nie można
stosować borderów czy overflow'ów.

Efekt jest na tyle trudny do zaobserwowania przy pracach projektowych, że w
wielu przypadkach uwidacznia się po tygodniach od oddania projektu. Co
gorsze - czasem zdarza się, że treść z CMS ma pojawiać się w miejscach,
kóre nie miały być do tego przeznaczone więc koder HTMLa nie zastawił
pułapek marginesowych.

Konkretny przypadek: redaktor CMS wprowadzi element wyposażony w margonesy
do treści. Chwilę potem właściciel strony dzwoni, że menu górne zniknęło ze
strony. Niby to część formatki takiej samej jak w całym serwisie jest
używana ale na tej konkretnej stronie działa ona inaczej. Faktycznie menu
nie ma... więc programista siada do pracy i stwierdza... że menu jest
generowane tylko trafia w niebyt, czarną dziurę. A co się stało? Mianowicie
margines od tego wprowadzonego elementu przelciał sobie bez skrępowania
przez parę zagnieżdżonych sekcji aż dotarł tam gdzie menu było generowane,
rozgościł się w tym miejscu wygodnie i zepchnął menu pod inny element
powodując, ze przestało być widoczne choć fizycznie kod HTML tego menu był
na stronie.

Dlatego właśnie napisałem, że collapsing margins to jedna wielka
katastrofa. Gdyby wprowadzono atrybut collapsing:kill_it to chyba byłby
najczęściej stosowanym w serwisach bardziej złożonych niż zbiór surowych
dokumentów technicznych (takich jak na W3C - choć i oni jakiś czas temu
zaczęli ubajerawiać stronę).