Problem przy ułożeniu divów w html5

0

W tym kodzie są zawarte instrukcje, które wymuszają ułożenie divów nav, content i ad obok siebie. Dlaczego tak się nie dzieje? I dlaczego pomimo zadeklarowania w <style> koloru tła dla nav, kolor się nie pojawia?

<!DOCTYPE HTML>
<html lang="pl">
<head>
	<meta charset="utf-8" />
	<title>TOP 10 gier</title>
	<meta name="description" content="Subiektywna toplista gier. A co ty o tym sądzisz?"/>
	<meta name="keywords" content="gry, games, toplista, top10, gracz"/>
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
	
	<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: lightgray;
		width: 120px;
		min-height: 620px;
		padding: 10px;
	}
	#content
	{
		float: left;
		padding: 20px;
		width: 640px;
	}
	#ad
	{
		float: left;
		width: 160px;
		min-height: 620px;
		padding: 10px;
		background-color: lightgray;
	}
	#footer
	{
		clear: both;
		background-color: black;
		color: white;
		text-align: center;
		padding: 20px;
	}
	</style>
</head>
<body>
	<div id="container">
		
		<div id="logo">
			<h2>Subiektywne TOP 5 gier<h2>
		</div>
		
		<div id="navigation">
			Wiedźmin 3<br/>
			Overwatch<br/>
			Paladins<br/>
			FIFA17<br/>
			CS:GO<br/>
		</div>
		
		<div id="content">
			<h3>Wiedźmin 3: Dziki Gon</h3>
			<h5>Fabularnagra akcji stworzona i wydana przez polskie studio CD Projekt RED 19 maja 2015 na platformy Microsoft Windows, PlayStation 4 i Xbox One.
			Gra jest kontynuacją wydanego w 2007 roku Wiedźmina oraz Wiedźmina 2: Zabójców królów, który miał swoją premierę w 2011 roku. Tak jak poprzednie części, opowiada ona historię tytułowego wiedźmina – Geralta z Rivii – i jest osadzona w świecie wiedźmina, którego twórcą jest Andrzej Sapkowski. Produkcja jest ostatnią częścią cyklu, którego głównym bohaterem jest tytułowy wiedźmin, razem z nią stanowiącego trylogię.
			Pierwszy zwiastun produkcji został zaprezentowany na konferencji Microsoftu na targach E3 w czerwcu 2013 roku. Ponadto Wiedźmin 3 zdobył tam kilkadziesiąt nagród oraz nominacji przyznanych przez czasopisma i portale z branży gier komputerowych.</h5>
		</div>
		
		<div id="ad">
			<img src="reklama.jpg"/>
		</div>
		
		<div id="footer">
			TOP 10 gier &copy; Wszelkie prawa zastrzeżone
		</div>
		
	</div>
</body>
</html>
0

Z tego co widzę styl jest zadeklarowny dla elementu z id #nav natomiast w html używasz diva o id "navigation". Zmien id diva na "nav" albo popraw w stylach na #navigation i będzie ok.

0

ok dzięki

1 użytkowników online, w tym zalogowanych: 0, gości: 1