Jak ustawić blok div jeden pod drugim

Question

Witam,

Mam problem, otóż nie mogę ułożyc bloków jeden pod drugim po lewej stronie w momencie gdy probuję to zrobić blok środkowy i dwa po prawo przyklejają sie do bloku drugiego po lewej stronie zamiast tak naprawdę do pierwszego. Dopiero zaczynam się bawić w pisanie stron. Proszę o pomoc.

 

tak wygląda kod

#container
	{
		width: 1000px;
		margin-left: auto;
		margin-right: auto;
		padding: 15px;
		
	}
		#logo
		{
			background-color: black;
			text-align: right;
			padding: 0px;
			height: 80px;

			
		} 
			#nav
			{
				float: left;
				background-color: #242626;
				width: 120px;
				min-height: 310px;
				padding: 10px;
				margin-bottom: 10px;
				margin-right: 10px;
			


			}
			#nav1
			{
				float: left;
				background-color: #242616;
				width: 120px;
				min-height: 310px;
				padding: 10px;
				margin-bottom: 10px;
				margin-right: 10px;
				clear: left;



					
			}
				#content
			    {
					
					float: left;
					padding: 20px;
					width: 620px;
					min-height: 600px; 
					background-color: #242626;
					margin-bottom: 10px;
					text-algin: justify;
					font-size: 17px;
					
				}
					#add
					{
						float: left;
						width: 160px;
						min-height: 310px;
						padding: 10px;
						background-color: #242626;
						margin-bottom: 10px;
						margin-left: 10px;
					}
						#footer
						{
							clear: both;
							background-color: #0A0C0D;
							color: white;
							text-align: center;
							padding: 20px;
							font-size: 12px;
						}
							#menu
							{
								background-color: #0A0C0D;
								text-align: center;
								padding: 5px;
								margin-bottom: 10px;
								margin-top: 10px;
							}
								#blok
								{
									float: right;
								}
									#add1
									{
										float: left;
										width: 160px;
										min-height: 310px;
										padding: 10px;
										background-color: #242626;
										margin-bottom: 10px;
										margin-left: 10px;

									}

 

Answer 1

Szablon strony powinien wyglądać mniej więcej tak:

Comments

Jakbyś miał problemy z kodem: http://codepen.io/anon/pen/JYyKJZ.

---

Dzięki wielkie! Nie sądziłem, że będę wiedział jak to zapisać, a jednak i to jeszcze było takie łatwe ;o

---

Dałem radę sam, ale dzięki!:D

---

Jest jakaś przewaga nad stosowaniem w div class zamiast id? Wiem, że znacznik class odnosi się do całej klasy, a nie do pojedynczego elementu jak w przypadku diva, ale u Ciebie div footer wydaje się być pojedynczym elementem.

---

Tak naprawdę nie różni się to niczym, możesz stosować i to, i to, ale wg mnie klasy są bardziej wygodne, ponieważ można za ich pomocą dość szybko sformatować więcej, niż jeden element, np. gdybyśmy się rozmyślili.

---

Cześć

Różnica między ID a CLASS jest taka że :

- ID jest tak jakby unikatowe czyli że obiekt z takim ID może wystąpić na jednej stronie tylko raz.

- CLASS możemy użyć kilkakrotnie na jednej stronie.

Dla przykładu :

Tworzymy układ prostej strony opierający się pierwotnie na 4 pojemnikach (div) składający się z pojemnika nagłówka ,  dwóch pojemników na treść oraz pojemnika na stopkę.

Wiemy że nagłówek oraz stopka pojawią się na naszej stronie tylko raz więc wobec tych pojemników spokojnie możemy zastosować unikatowe id np :<div id="naglowek">

W przypadku pojemników na treść mamy dwa ale co w przypadku gdy pojawi się koniecznośc dołożenie kolejnych ? Lepiej z góry założyć taką ewentulność i potraktować je jako obiekty które wykorzystamy na naszej stronie wielokrotnie np : <div class="pojemnik_tresc">

Być może słaby ze mnie tłumacz więc mam nadzieje że nie wprowadziłem więcej zamieszania ;)

Pozdrawiam! 

 

 

 

Answer 2

Wszystkie bloki po lewej stronie wrzuć do jednego div-a :D

Comments

Właśnie tak zrobiłem. :]

Answer 3

Pokaż HTML. Wydaje mi się, że możesz tam mieć błąd.