Jak widać na obrazku, pomimo tego, iż w CSS jest ustawiony float:left;, nie za bardzo strona chce ze mną współpracować :D Liczę na pomoc!
<!DOCTYPE HTML>
<html lang="pl">
<head>
<meta charset="utf-8" />
<title>Co nieco o mnie :D</title>
<meta name="description" content="NNa tej stronie po prostu ćwiczę do tej pory zdobytą wiedzę. Nie należy się przejmować jej zawartością :D" />
<meta name="keywords" content="nauka programowania, strony internetowe, ćwiczenia, wszystko i nic">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<link rel="stylesheet" href="style.css" type="text/css" />
</head>
<body>
<div id="container">
<div id="logo">
HTML jest fajny ale czasem coś nie działa :/
</div>
<div id="nav">
Strona główna<br />
Mój życiorys<br />
Czym się zajmuję?<br />
FAQ<br />
Kontakt<br />
</div>
<div id="content">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam semper sapien ut ipsum blandit luctus. Aliquam a ipsum gravida, suscipit dui at, venenatis enim. Duis sagittis aliquam tempus. Phasellus rutrum ligula a eros condimentum, sed lacinia lectus cursus. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed fringilla, enim ac imperdiet bibendum, est sem mollis risus, sit amet volutpat nunc velit vel nisi. Ut augue lectus, viverra non odio non, commodo suscipit nunc. Quisque ullamcorper dictum risus, nec viverra erat dignissim sed. Pellentesque vestibulum lacus nec tincidunt imperdiet.
</div>
<div id="ad">
<img src="reklama.jpg" width="160" height="600">
</div>
<div id="footer">
Co nieco o mnie. Strona istnieje od 2017 roku. © Wszystkie prawa zastrzeżone
</div>
</div>
</body>
</html>
body
{
font-family: Verdana;
font-size: 18px;
}
#container
{
width: 1000px;
margin-left: auto;
margin-right: auto;
}
#nav
{
float: left;
background-color: lightgray;
min-height: 600px;
width: 160px;
text-align: center;
}
#content
{
float: left;
}
#ad
{
float: left;
}
#footer
{
clear: both;
}