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>
