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 © Wszelkie prawa zastrzeżone
</div>
</div>
</body>
</html>