Co w tym kodzie html/css jest źle !?

pytanie zadane 30 sierpnia 2016 w HTML i CSS przez niezalogowany
zamknięte 30 sierpnia 2016

Witam.

Mam o to takie puste miejsce u góry:

Kod html:

<!DOCTYPE html>
<html lang="pl-PL">
	<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial scale=1">
<title>Web2016</title>
<meta name="description" content="Loreem Ipsum">
<meta name="keywords" content="strona, www">
<meta name="author" content="John Lee">
<link rel="stylesheet" href="styles/normalize.css">
<link rel="stylesheet" href="styles/style.css">
	</head>
		<header>
	<h1>Web2016</h1>
	<nav>
	<ul class="menu">
	<li>O nas</li>
	<li>Cel</li>
	<li>Informacje</li>
	</ul>
	</nav>
		</header>
	<body>
	</body>
	</html>

CSS:

body {
	margin: 0;
	padding: 0;
	background-color: #bdc3c7;
	color: #ffffff;
}
h1 {
    float: left;
    color: #ffffff;
    margin-left: 15px;
    font-size: 30px;
}
 li  {
 	font-family: Arial;
	display: inline-block;
	list-style-type: none;
	padding: 10px;
	font-size: 18px;
	margin-top: 20px;
}

header {
	width: 100%;
	height: 100px;
	background-color: #e74c3c;
	margin-top: 0;
}
nav {
	text-align: right;
}

Proszę o pilną pomoc.

komentarz zamknięcia: Otrzymałem odp

2 odpowiedzi

odpowiedź 30 sierpnia 2016 przez NXT Obywatel (1,860 p.)
wybrane 30 sierpnia 2016

Najlepsza

Cześć.

Dla klasy "menu" ustaw margin:0; bądź margin-top:0;

Polecam korzystać z narzędzi takich, jak "Zbadaj element" lub Firebug. W prosty sposób można odnaleźć element winny pewnym nieprawidłowościom.

komentarz 30 sierpnia 2016 przez niezalogowany

WOW, naprawdę jestem Ci wdzięczny, mimo że to drobny problem.

Dzięki że napisałeś też o firebug, pozdrawiam :)

komentarz 30 sierpnia 2016 przez Leszek Szymański Gaduła (3,180 p.)

To ja jeszcze dopowiem, że każda przeglądarka ma swoje domyślne wartości dla elementów HTML na stronie, dlatego często pojawia się problem różnego wyglądu tych elementów na różnych przeglądarkach.