• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

question-closed Margin-top przy footerze

VPS Starter Arubacloud
0 głosów
113 wizyt
pytanie zadane 31 stycznia 2020 w HTML i CSS przez Pamix Nowicjusz (160 p.)
zamknięte 16 lutego 2020 przez Pamix

Witam mam pytanie dotyczące margin w stopce. Otóż chciałbym zrobic pod dwoma divami tile stopke a pomiedzy nimi np 200px odstepu (stopka ma z gory 200px wolnego miejsca) i chciałbym się dowiedzieć czemu w tym przypadku nie działa margin-top:200px;

Czy można to zrobić używając tylko margin-bottom:200px; w divie tile?

Margines ten moge zrobic tez uzywajac pomiedzy footerem a divami tile dopisku <div style="clear:both;"></div>.

Czy w takim razie jest sens dopisywania clear:both w stopce skoro można zrobic pomiędzy nimi diva czyszczącego. Liczę na odpowiedź

<!DOCTYPE html>
<html>
<head>
	<title></title>

<style>
	body
	{
		margin:0;
	}
.tile
{
	width:300px;
	height:300px;
	background-color:#323253;
	margin:10px;
	margin-bottom:0;
	float:left;
}
#footer
{
	clear:both;
	background-color:black;
	width:100%;
	height:200px;
	margin-top:500px;
}



</style>


</head>
<body>


<div class="tile"></div>
<div class="tile"></div>
<div id="footer"></div>



</body>
</html>

 

komentarz zamknięcia: Otrzymałem odpowiedź

2 odpowiedzi

+2 głosów
odpowiedź 31 stycznia 2020 przez Comandeer Guru (604,920 p.)

Bo margines dla stopki jest liczony od górnej krawędzi strony – dlatego, że elementy z float są wyjęte z obiegu.

Osobiście po prostu otoczyłbym elementy z float dodatkowym elementem, który będzie miał display: flow-root lub właśnie clear: both → https://jsfiddle.net/Comandeer/qsb7L9dn/

+2 głosów
odpowiedź 1 lutego 2020 przez Róża Użytkownik (560 p.)
Może spróbuj flex boksa zamiast clear:both
Wtedy wszystko bez problemu ułożysz i będzie responsywne.

Podobne pytania

0 głosów
2 odpowiedzi 330 wizyt
pytanie zadane 17 grudnia 2016 w HTML i CSS przez Apsik Użytkownik (990 p.)
0 głosów
2 odpowiedzi 431 wizyt
pytanie zadane 20 września 2016 w HTML i CSS przez wgnsy123 Początkujący (410 p.)
+1 głos
1 odpowiedź 297 wizyt
pytanie zadane 5 listopada 2021 w HTML i CSS przez Pico Obywatel (1,330 p.)

93,020 zapytań

141,985 odpowiedzi

321,287 komentarzy

62,366 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj

Wprowadzenie do ITsec, tom 2

Można już zamawiać tom 2 książki "Wprowadzenie do bezpieczeństwa IT" - będzie to około 650 stron wiedzy o ITsec (17 rozdziałów, 14 autorów, kolorowy druk).

Planowana premiera: 30.09.2024, zaś planowana wysyłka nastąpi w drugim tygodniu października 2024.

Warto preorderować, tym bardziej, iż mamy dla Was kod: pasja (użyjcie go w koszyku), dzięki któremu uzyskamy dodatkowe 15% zniżki! Dziękujemy zaprzyjaźnionej ekipie Sekuraka za kod dla naszej Społeczności!

...