DIV - clear:both; z Kurs HTML odc.2

pytanie zadane 14 maja 2018 w HTML i CSS przez riku17 Nowicjusz (180 p.)

Hej,

jestem na pierwszej lekcji z budowania struktury strony www i generalnie wszystko mi działa poza momentem, w którym mam uwodnić, że brak clrar:both; "rozlewa" stopkę po całej stronie (29:27 min).

Może byłby ktoś tak miły i zerknął co ja tutaj nawywijałam? Przepisywałam kod trzy razy w nadziei na jakąś literówkę czy coś, ale wszystko wydaję się być ok.

<body>


<div id="container"> 

	<div id="logo">
		<h1>Jakis tekst</h1>
	</div>

	<div id="nav"> </div>
	
	<div id="content"> </div>
	
	<div id="ad"> standardowa reklama ma wymiar 160x600px &copy </div>
		
	<div id="footer"> </div>

</div>

</body>

A tutaj CSS:

<style>

#container
{
width: 1000px;
margin-left: auto;
margin-right: auto; 
}

#logo
{
background-color: black;
color: white;
text-align: center;
padding: 15px;
}

#nav
{
float: left;
background-color: yellow;
width: 120px;
min-height: 620px;
padding: 10px;
}

#content
{
float: left;
background-color: green;
width: 640px;
padding: 20px;
}

#ad
{
float: left;
width: 160px;
min-height: 620px;
padding: 10px;
background-color: gray;
}

#footer
{
clear: both;
background-color: blue;
padding: 20px;
}

</style>

Dzięki!

1 odpowiedź

odpowiedź 14 maja 2018 przez Mariusz08 Maniak (62,300 p.)

Dziwne... U mnie wszystko działa... https://codepen.io/anon/pen/GdGPxv (jeśli usunę clear:both stopka "przełazi" na prawą stronę)

Btw. Zawsze możesz pobrać całą paczkę z odcinka ze strony miroslawzelent.pl

komentarz 14 maja 2018 przez riku17 Nowicjusz (180 p.)

A jak usuwasz clear:both; to content robi Ci się niebieski czy stopka po prostu znika? Bo u mnie znika, a content zostaje biały.

komentarz 14 maja 2018 przez Mariusz08 Maniak (62,300 p.)

Stopka znika, content dalej biały.

komentarz 14 maja 2018 przez riku17 Nowicjusz (180 p.)

No właśnie :D i co z tym teraz począć? Zastawiam się już nawet czy wersji czegoś na komputerze nie mam nie-takiej-jak-trzeba =/

komentarz 14 maja 2018 przez Mariusz08 Maniak (62,300 p.)

Inaczej zapytam: jak powinno być :D?

https://codepen.io/anon/pen/GdGPxv - kod ze strony M-Z.pl, po usunięciu clear:both wszystko się rozlatuje

komentarz 14 maja 2018 przez riku17 Nowicjusz (180 p.)

Powinno być tak, że stopka nie znika, tylko wciąż jest na niebiesko i zostaje na swoim miejscu, a ten środkowy div co jest na zielono powinien zmienić kolor tez na niebiesko.

Usunęłam kolor contenta (domyślny stał się biały) i po usunięciu clear:both; stopka wskakuje mi na sama górę pomiędzy nav i ad.....