Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Margines górny działa na niechcianym elemencie.
Forum PHP.pl > Forum > Po stronie przeglądarki > CSS
activestate
Witam,
Mam pytanie, czy jest to normalne zachowanie, że element parent (#a) dziedziczy od children (#cool.gif margines górny?

#a {
background-color: #900;
height: 900px;
width: 100%;
}
#b {
height: 400px;
width: 70%;
margin-right: auto;
margin-left: auto;
background-color: #969;
margin-top: 120px;
}
</style>
</head>

<body>
<div id="a">
<div id="b">Content for id "d" Goes Here</div>
</div>

Teraz, zamiast marginesu dla #b, #a ma margines.
Nie mogę znaleźć info na ten temat, proszę o podpowiedź.
Dzięki.
toffiak
Zdaje się że chodzi o "collapsing margins"
activestate
Wątpie.
Tu wyrażnie parent dziedziczy od children.Nawet, gdy dla parent zadam margines, wtedy one się nie "collapsują" - że tak powiem smile.gif
vonski
To jest wlasnie, tak jak kolega toffiak napisal, margin collapsing. Zadaj rodzicowi margines wiekszy niz 120px i wtedy sie "skolapsuja" wink.gif
Tutaj jest to dosc jasno wyjasnione: http://www.howtocreate.co.uk/tutorials/css/margincollapsing - zwlaszcza czesc o "Nested margins"
activestate
Dzięki, najlepsze rozwiązanie jakie znalazłem to danie parentowi averflow: auto.
Problem zniknął.
Jendak wszyscy sugerują np danie padding 1px dla perent.
Jednak użyję overflow.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.