When I minimize the browser the sentences go to the corner are messed up. Follow the code:
css:
@charset "UTF-8";
body{
margin: 0;
width: 100%;
height: 100%;
background-color: white;
}
li{
color: white;
}
header#fundo-cima{
width: 100%;
position: absolute;
}
header#fundo-cima img{
width: 100%;
height: 100px;
position: absolute;
top: 0px;
}
nav#Rodape-cima li{
display: inline;
position: relative;
top: 100px;
margin: 19px;
}
nav#Rodape-cima ul{
position: absolute;
top: -75px;
left: 1180px;
text-transform: uppercase;
font-family: "Bitstream Vera Sans";
font-size: 14px;
}
nav#Rodape-cima li:hover{
margin: 2px;
padding: 10px;
color: blue;
}
HTML:
<!DOCTYPE html>
<html lang="pt-br">
<head>
<link rel="stylesheet" type="text/css" href="_css/cores.css">
<link rel="stylesheet" type="text/css" href="_css/Cabeçalho.css">
<link rel="stylesheet" type="text/css" href="_css/edição.css">
<meta charset="UTF-8"/>
<title>Kvasir</title>
</head>
<body>
<header id="fundo-cima">
<img src="-fotos/background-black.jpg">
<nav id="Rodape-cima">
<ul>
<li>Login</li>
<li>Cadastre-se</li>
<li>Sobre</li>
<li>Fotos</li>
<li>Contato</li>
</ul>
</nav>
</header>
</body>
</html>