Witam,

Jak sobie radzicie "usprawnieniem" CSSowym zawalania się marginesów
(collapsing margins) aby uniknąć zawalenia się całego projektu? Chodzi mi o
zablokowanie tej paskudnej funkcjonalności. W tym momencie stosowanie
blokowej budowy serwisu na zagnieżdżonych DIVach jest ryzykowne gdyż przy
secyficznej treści może zdarzyć się, że projekt rozleci się. Miałem właśnie
taką sytuację. Projekt strony był taki:

<div id="container">
<div id="header">xxx</div>
<div id="content">yyy</div>
</div>
<div id="footer">zzz</div>

Zdarzyło się, że "yyy" zostało wypełnione treścią w postaci kodu HTML
zawierającego listę <ul>. Dla elementów listy został zdefiniowany dolny
margines: margin-bottom:10px. W efekcie tego margines z ostatniego <li>
przeniósł się pomiedzy container a footer i powstała 10px dziura. Footera
nie mogę wciągnąć do containera z pewnych względów. Jak poradzić sobie z tą
sytuacją?

--
Pozdrawiam,
Marek

do góry

Marek pisze:

> Zdarzyło się, że "yyy" zostało wypełnione treścią w postaci kodu HTML
> zawierającego listę <ul>. Dla elementów listy został zdefiniowany dolny
> margines: margin-bottom:10px.
line-height

--
kw

do góry

> line-height

Mogę tylko zgadywać co miałeś na myśli :-)
Przypuszczam, że zamiast stosowania margin-bottom użyć line-height ? Jeśli
ta, to nie da rady. Elementy LI mają pokład graficzny o określonym rozmiarze
i muszą być oddalone jedno pod drugim o okresloną liczbe pikseli. Styl
line-height wpływa tylko na tekst, który tylko mały fragment tego pola
zajmuje.

do góry

Marek pisze:
> Jak sobie radzicie "usprawnieniem" CSSowym zawalania się marginesów

overflow:hidden;


--
message[autor="PablO"]::after {
content:"Pozdrawiam";
}

do góry

> overflow:hidden;

Wooow, dzięki Ci Pawle :)

do góry