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

Jak ustawić blok div jeden pod drugim

VPS Starter Arubacloud
0 głosów
5,637 wizyt
pytanie zadane 11 października 2015 w HTML i CSS przez NumberOne Początkujący (300 p.)

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;

									}

 

3 odpowiedzi

+4 głosów
odpowiedź 11 października 2015 przez Patrycjerz Mędrzec (192,340 p.)
wybrane 11 października 2015 przez NumberOne
 
Najlepsza

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

komentarz 11 października 2015 przez Patrycjerz Mędrzec (192,340 p.)

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

komentarz 11 października 2015 przez NumberOne Początkujący (300 p.)
Dzięki wielkie! Nie sądziłem, że będę wiedział jak to zapisać, a jednak i to jeszcze było takie łatwe ;o
komentarz 11 października 2015 przez NumberOne Początkujący (300 p.)
Dałem radę sam, ale dzięki!:D
komentarz 12 października 2015 przez Benek Szeryf (90,690 p.)

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.

komentarz 12 października 2015 przez Patrycjerz Mędrzec (192,340 p.)
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.
komentarz 13 października 2015 przez Imras Nowicjusz (100 p.)

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! 

 

 

 

+1 głos
odpowiedź 11 października 2015 przez Juken Nowicjusz (210 p.)
Wszystkie bloki po lewej stronie wrzuć do jednego div-a :D
komentarz 11 października 2015 przez NumberOne Początkujący (300 p.)
Właśnie tak zrobiłem. :]
0 głosów
odpowiedź 11 października 2015 przez Schizohatter Nałogowiec (39,600 p.)
Pokaż HTML. Wydaje mi się, że możesz tam mieć błąd.

Podobne pytania

+1 głos
2 odpowiedzi 1,394 wizyt
0 głosów
2 odpowiedzi 424 wizyt
pytanie zadane 30 grudnia 2015 w HTML i CSS przez runway Użytkownik (640 p.)
0 głosów
2 odpowiedzi 163 wizyt
pytanie zadane 15 kwietnia 2016 w HTML i CSS przez AjSiak Początkujący (250 p.)

92,304 zapytań

141,107 odpowiedzi

318,581 komentarzy

61,756 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.

Akademia Sekuraka

Akademia Sekuraka 2024 zapewnia dostęp do minimum 15 szkoleń online z bezpieczeństwa IT oraz dostęp także do materiałów z edycji Sekurak Academy z roku 2023!

Przy zakupie możecie skorzystać z kodu: pasja-akademia - użyjcie go w koszyku, a uzyskacie rabat -30% na bilety w wersji "Standard"! Więcej informacji na temat akademii 2024 znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...