-
11. Data: 2010-02-01 15:33:57
Temat: Re: CSS - Jak pozbyć się collapsing margins?
Od: "Marek" <m...@s...interia.pl>
> Tak się robiło dawno temu. Teraz się robi overflow:auto lub
> overflow:hidden
No i teraz miewa się kłopoty z konsekwencjami tego stylu w szczególnych
przypadjach, o których napisałem.
-
12. Data: 2010-02-02 00:09:29
Temat: Re: CSS - Jak pozbyć się collapsing margins?
Od: NotBear <p...@i...pl>
On 2010-01-30 17:39, Marek wrote:
> Problem w tym, że po ostanim elemencie margines osiąga podwójną wartość
> wskutek zapadania. W efekcie powstaje kobylasta przerwa miedzy ostatnim
> blokiem a kolejnym elementem.
Cos to podejrzanie wyglada... Jakby dzialalo zapadanie, to margines
wynosilby tylko tyle ile wiekszy zdefiniowany dla sasiadujacych
elementow. A Tobie marginesy sie sumuja. Lepiej pokaz kod. Najlepiej
razem z kawalkiem projektu graficznego.
--
NotBear
-
13. Data: 2010-02-02 09:12:12
Temat: Re: CSS - Jak pozbyć się collapsing margins?
Od: "Marek" <m...@s...interia.pl>
> Cos to podejrzanie wyglada... Jakby dzialalo zapadanie, to margines
> wynosilby tylko tyle ile wiekszy zdefiniowany dla sasiadujacych elementow.
...plus margines bieżącego elementu, który jest tym samym elementem co
poprzednicy.W sumie przerwa wynosi 2x margines dolny. Gdy w ostatnim
elemencie napiszę margin-bottom:0px, to wtedy przerwa wynosi 1 x margines
dolny poprzednika.
> A Tobie marginesy sie sumuja. Lepiej pokaz kod. Najlepiej razem z
> kawalkiem projektu graficznego.
Kod w uproszczeniu:
<jakis_container>
<div></div>
<div></div>
<div></div>
<div></div>
</jakis_container>
:-)
Do tego:
div {margin-bottom:10px}
Przertwa między ostatnim DIVem a końcem containera wynosi 20px. Tak mi
wyszło.