Quantcast
Channel: Forum Pasja Informatyki - Najnowsze pytania
Viewing all articles
Browse latest Browse all 65225

Odstępy między divami

$
0
0

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>

 


Viewing all articles
Browse latest Browse all 65225


<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>