Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> Margines górny działa na niechcianym elemencie.
activestate
post 23.08.2012, 12:27:41
Post #1





Grupa: Zarejestrowani
Postów: 13
Pomógł: 0
Dołączył: 23.08.2012

Ostrzeżenie: (0%)
-----


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.
Go to the top of the page
+Quote Post
toffiak
post 23.08.2012, 19:05:54
Post #2





Grupa: Zarejestrowani
Postów: 395
Pomógł: 80
Dołączył: 24.08.2009

Ostrzeżenie: (0%)
-----


Zdaje się że chodzi o "collapsing margins"


--------------------
Go to the top of the page
+Quote Post
activestate
post 24.08.2012, 08:52:45
Post #3





Grupa: Zarejestrowani
Postów: 13
Pomógł: 0
Dołączył: 23.08.2012

Ostrzeżenie: (0%)
-----


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
Go to the top of the page
+Quote Post
vonski
post 24.08.2012, 15:26:49
Post #4





Grupa: Zarejestrowani
Postów: 292
Pomógł: 89
Dołączył: 27.12.2006
Skąd: Warszawa

Ostrzeżenie: (0%)
-----


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"


--------------------
Zend Certified Engineer | Microsoft Certified Professional: Programming in HTML5 with JavaScript & CSS3 | Blog
Go to the top of the page
+Quote Post
activestate
post 25.08.2012, 14:15:11
Post #5





Grupa: Zarejestrowani
Postów: 13
Pomógł: 0
Dołączył: 23.08.2012

Ostrzeżenie: (0%)
-----


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.
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 26.06.2025 - 14:29