Cześć.
Mam problem z kodem. Kiedy dodaje nowy nagłówek lub tekst wszystkie inne nagłówki i obrazy idą na dół. Nie wiem jak dokładnie to wytłumaczyć proszę o pomoc!
<!DOCTYPE HTML>
<html lang="pl">
<head>
<meta charset="utf-8" />
<title>Największe rekordy guinessa</title>
<meta name="description" content="" />
<meta name="keywords" content="top, ciekawe, dziwne, największe, najmniejsze, " />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<style>
.zdjecia {
text-align: center;
position: relative;
top: 400px;
}
#container {
margin-right: auto;
margin-left: auto;
width: 1000px;
}
#tresc {
font-family: 'Lato', sans-serif;
text-align: center;
position: relative;
bottom: 90px;
font-size: 20px;
}
#reklama {
text-align: center;
position: relative;
bottom: 300px;
}
#stopka
{
}
#menu {
float: left;
width: 100%;
background: #fff;
overflow: hidden;
position: relative;
bottom: 480px;
}
#menu ul {
clear: left;
float: left;
list-style: none;
margin: 0;
padding: 0;
position: relative;
left: 50%;
text-align: center;
font-family: sans-serif;
}
#menu ul li {
display: block;
float: left;
list-style: none;
margin: 0;
padding: 0;
position: relative;
right: 50%;
width: 400px;
}
#menu ul li a {
display: block;
margin: 0 0 0 1px;
padding: 10px 20px;
background: #2CBFA4;
color: #fff;
text-decoration: none;
line-height: 20px;
font-weight: bold;
}
#menu ul li a:hover {
background: #b00;
color: #fff;
}
#menu ul li a.zaznaczony, #menu ul li a.zaznaczony:hover {
color: #fff;
background: #000;
font-weight: bold;
}
</style>
</head>
<body>
<div class="zdjecia">
<img src="http://biurorekordow.pl/wp-content/uploads/2016/03/najdrozszy-samochod-swiata-1-maybach-exelero.jpg" width="527">
</div>
<div id="container">
</div>
<div id="tresc">
<h1>Najdroższe samochody świata 2016</h1>
</div>
<div id="reklama">
<a target="blank" href="http://coderslab.pl/">
<img src="https://tpc.googlesyndication.com/simgad/10106364860012844070" width="728">
</a>
</div>
<div id="stopka">
</div>
<div id="menu">
<nav>
<ul>
<li><a href="Aktualności.html">Aktualności</a>
<li><a href="Kategorie.html">Kategorie</a>
<li><a href="Kontakt.html">Kontakt</a>
</ul>
</nav>
</div>
</body>
</html>