Dlaczego nie wyświetla się w układzie blokowym i nie ma margina, borderu i paddinga, a jeden z obrazków się nie wyświetla w tle i się nie powtarza. A drugi się nie wyświetla w side-asid' zie, a pod spodem, a czcionka jest inna.
<!DOCTYPE html5>
<HTML5>
<head>
<lang= "pl=PL">
<meta-charset= "UTF-8">
<meta-name= "description" content="Powody dla których nadchodzi nowe średniowiecze.">
<meta-name= "keywords" content="średniowiecze, nowe średniowiecze;">
<title>Dziwne</title>
<meta-name= "view-port" content="width=device-width, initial-scale=1.0">
<link rel= "style-sheet" href="estetykastrony.css" type="text/css">
</head>
<body>
<div id="main">
Cras eget vestibulum sapien, quis sodales ligula. Fusce sed erat ante. Morbi sem justo, maximus id eros vel, facilisis dapibus nibh. Pellentesque consequat commodo nibh, eu venenatis mi blandit vel. Vestibulum bibendum bibendum sapien, eget ornare leo interdum eu. Donec id tincidunt lectus. Cras mattis ante vitae dolor viverra sagittis. Donec vitae ligula felis.
Nam placerat malesuada enim, interdum mollis risus faucibus a. Sed sed mauris elit. Donec eleifend mattis diam et consequat. Etiam ac faucibus lectus. Mauris sagittis, enim a aliquam vehicula, magna nisi fermentum dui, in gravida metus massa nec sem. Praesent ac metus et ipsum viverra hendrerit. Suspendisse ut congue enim, a pellentesque est. Vestibulum nec tincidunt eros. Donec vulputate non lectus et porta. Nunc faucibus nisi vel nunc sodales, vitae bibendum massa sollicitudin. Mauris ac pellentesque tortor. Donec facilisis lacinia odio, ac bibendum sem aliquam a.
Nulla mattis egestas tellus. Suspendisse fermentum consectetur scelerisque. Morbi purus lectus, dapibus in metus sit amet, blandit sagittis ex. Etiam ullamcorper neque quis nisi luctus, eget pellentesque augue hendrerit. Donec consequat mi vitae orci malesuada, et pharetra erat posuere. In sagittis consequat purus id accumsan. Pellentesque et dui tempus, feugiat diam et, placerat leo. Proin feugiat sed libero eget lobortis.
Suspendisse id tellus in magna fermentum porttitor. Duis id ante nec dolor pretium dapibus. Aenean eget nunc varius, pellentesque dui at, fringilla nisi. Suspendisse potenti. Mauris feugiat est efficitur, tristique odio vitae, viverra nisl. Aliquam erat volutpat. Donec pharetra magna vitae iaculis ultricies. Ut eleifend, ipsum ultricies euismod mattis, turpis urna dictum diam, vel vulputate tortor arcu maximus ex. Fusce fermentum, libero fringilla rhoncus eleifend, magna sem dignissim tellus, ut fermentum neque elit a metus. Sed non ultricies arcu. Etiam aliquam ullamcorper purus, et tincidunt odio convallis sed. Nunc pharetra interdum orci, in fermentum justo tincidunt non. Aliquam mattis enim orci, non feugiat est dapibus id. Nam in mollis nisi. Nam at blandit odio.
Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Donec venenatis varius scelerisque. Suspendisse sodales venenatis ex, at placerat sapien porttitor ultrices. Curabitur pretium in urna tempor finibus. Donec sollicitudin velit sed tellus rutrum maximus. Fusce tincidunt nunc eu dolor dapibus ullamcorper. Ut egestas sem leo, et finibus metus maximus vel.
Etiam sollicitudin eleifend nunc, ut accumsan est volutpat ac. Mauris commodo varius urna et molestie. Donec arcu nibh, vehicula in fringilla viverra, hendrerit vitae purus. Maecenas iaculis orci ex, id tempus sem porttitor eu. Duis egestas egestas lacus sed ornare. Aliquam massa lectus, varius a consectetur vitae, convallis sed tortor. Aenean vel lobortis nibh, eu viverra purus. Curabitur vitae est sem. Vestibulum interdum massa et augue venenatis, a pharetra eros blandit. Morbi maximus risus vel dolor molestie pulvinar.
Fusce elit justo, facilisis eu tempor non, laoreet vel velit. Praesent eu imperdiet orci. In elit justo, pulvinar quis mauris in, commodo porttitor velit. Integer elementum, sapien ac blandit ullamcorper, arcu nulla ornare nisi, et mollis neque dolor ac purus. Pellentesque placerat ipsum neque. Ut posuere, turpis eu egestas tincidunt, quam ex tincidunt erat, vel laoreet lacus ipsum nec lacus. Pellentesque at metus orci.
Pellentesque aliquam neque augue, vitae vestibulum enim consequat sit amet. Maecenas id enim eu neque rutrum dapibus. In nec molestie risus. Nam in tincidunt magna, ut tempus nunc. Aenean sagittis et ex ut vulputate. In dignissim nisi ut nisl cursus tincidunt. Quisque fringilla nibh vel augue tempor, in commodo eros facilisis. Curabitur sem lacus, ullamcorper vitae efficitur eget, tincidunt sed mi. Praesent condimentum nec lectus in fermentum. Praesent viverra orci vel erat aliquam fringilla. Suspendisse rhoncus, erat sit amet laoreet dapibus, risus urna aliquam nibh, in sodales purus turpis vitae eros. Integer tristique mi leo, ac rutrum ex elementum nec. Ut pretium a felis sit amet faucibus. Fusce interdum luctus tincidunt. Ut ut volutpat enim.
Quisque id orci nibh. Sed rhoncus ipsum nisl, et ultrices nulla pulvinar vel. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Nunc blandit tincidunt augue, eget consequat justo ornare eget. Nulla consectetur neque sit amet ex blandit dictum. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Ut non velit fermentum, luctus dui aliquam, pretium enim. Nunc eget cursus nibh, id mollis lectus. Proin sit amet sodales nisl. Sed euismod turpis vitae sagittis fringilla. Aliquam non pharetra nisi.
Etiam viverra vehicula elit eget fringilla. Etiam in odio elit. Mauris nec feugiat arcu. Nam sit amet elit vel tortor convallis tincidunt. Phasellus luctus dignissim tortor, non tincidunt nisi luctus sed. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce finibus est in sapien faucibus, mattis sagittis elit dapibus. Nullam tempor, arcu ut ultricies volutpat, felis ante condimentum nibh, quis molestie felis metus in neque. Proin ut turpis lobortis, pretium risus eget, porttitor nisi. Nulla ut elit at mauris fringilla pellentesque in a mi.
Morbi non sagittis nisi, at commodo neque. Praesent condimentum velit nec orci imperdiet, eu tristique dolor interdum. Quisque sit amet sodales orci. Sed non ipsum at ante euismod lobortis tincidunt vitae mauris. Cras tincidunt iaculis nisi tincidunt aliquam. Aenean ac leo eu sapien placerat varius commodo vel nulla. Suspendisse consectetur augue a neque rutrum aliquam. Maecenas lacinia rutrum sollicitudin. Etiam dapibus erat purus, et iaculis libero malesuada ut. Maecenas vel metus vestibulum, imperdiet ipsum vitae, venenatis quam. In ut ultricies dolor, imperdiet dapibus erat. Vestibulum ac quam massa. Nunc et porttitor enim. Suspendisse malesuada tempor tortor, et tempor orci sollicitudin ut. Praesent non sagittis ipsum, quis faucibus metus.
Donec in nunc varius, lacinia ligula id, fermentum lacus. Morbi elementum arcu et felis sagittis, et ornare arcu eleifend. Nunc rutrum efficitur ornare. Donec hendrerit porta sollicitudin. Vestibulum eu vehicula eros, blandit finibus turpis. Sed id arcu at eros faucibus tempor ac nec nunc. Fusce lacinia luctus dignissim. Donec ut imperdiet nisi. Morbi quis augue urna. Aliquam nunc ligula, euismod in augue et, malesuada vestibulum ante. Praesent viverra dolor eu fringilla pulvinar. Sed a felis libero. Vestibulum.
<side-aside>
<img src="brudna-zieleń.jpg" alt="drzewo">
</side-aside>
</body>
<footer>
<p>copyrights© nowesredniowiecze.com 2022</p>
</footer>
</HTML5>
#main{
font-family: 'Trebuchet MS', 'garamond', 'helvetica','sans-serif';
font-size: 46px;
display: block;
float: left;
width: 299px;
color: #3c6a9b;
background-image:"drzewazdołu.jpg" alt="oświetlone drzewa";
background-position": absolute;
background-repeat: repeat;
border: 46px 23px 46px 46px;
padding: 4px;
margin: 46px;
}
#side-asside{
float: left;
width: 31px;
background-image: "brudna-zieleń.jpg" alt="wrześniowe drzewo";
}
&footer{
font-size: 18px;
display: inline;
text-align: center;
Tak mam na początku i w środku strony:
a dalej jest tak:
