Cześć
Mam problem z divami na mojej stronie, chodzi głównie o to, że między divem logo, divem menu i divem content oraz ad jest odstęp ( chodzi mi o to białe pole między nimi ) Widziałem podobny temat na forum, ale średnio go rozumiem. Dodam, że jestem początkującym więc proszę o wyjaśnienie w miarę łatwy sposób, z góry dzięki za pomoc
body { background-color:white; font-family: Verdana; font-size:20px; color:white; } h1 { font-size: 35px; } /* Nieodwiedzony link */ a:link { color: white; } a:visited { color: white; } a:hover { color: #CCCCFF; } #container { width: 1000px; margin-left:auto; margin-right: auto; } #logo { background-color: black; padding: 15px; text-align: center; } #menu { background-color: blue ; text-align: center; } #content { float: left; background-color: darkblue; padding: 10px; width: 800px; min-height: 620px; } #ad { float: left; background-color: green; padding: 10px; width: 160px; min-height: 620px; } #footer { background-color: purple ; padding: 10 px; clear: both; }
<!DOCTYPE HTML> <html lang="pl"> <head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <title>Fifty Raiders</title> <meta name="description" content="Opis w Google" /> <meta name="keywords" content="słowa, kluczowe, wypisane, po, porzecinku" /> <link rel="stylesheet" href="style.css" type="text/css"/> </head> <body> <div id="container"> <div id="logo"> <h1> kupa </h1> </div> <div id="menu"> <h1> Easy </h1> </div> <div id="content"> <h1> tresc</h1> </div> <div id="ad"> <h1> REKLAMA </h1> </div> <div id="footer"> Mateusz Słotwiński KORPOREJSZYN 2024 </div> </div> </body> </html>