Witam, siedzę nad tym trochę czasu i próbowałem wiele sposobów. Otóż chcę aby ten kolorowy pasek wydłużył się tak aby dotykał góry strony, tekst ma zostać tam gdzie jest. Ustawiałem height i nic to nie dawało, przy ustawieniu height 100 pasek był dłuższy ale tylko od dołu, nie rósł w górę.
body{
background-color: #191816;
margin: 0;
font-family: 'Slabo 27px', serif;
}
#container{
width: 100%;
margin-left: auto;
margin-right: auto;
}
h1{
text-align: center;
color: #ffffff;
font-size: 45px;
text-shadow: 3px 3px 6px #000000;
}
nav{
display: block;
}
.header{
background-color: #7FFFD4;
}
.ul1{
margin-left: 620px;
font-size: 32px;
padding: 21px;
margin-top: -114px;
list-style: none;
margin-left: 440px;
position: fixed;
}
.ul2{
position: fixed;
font-size: 32px;
padding: 21px;
margin-top: -114px;
list-style: none;
margin-left: 1087px;
}
li{
float: left;
padding: 20px;
}
<div id="container">
<div class="header">
<h1>Jan Kowalski</h1>
<nav>
<ul class="ul1">
<li class="Strona główna"><a href="index.html">Strona główna</a></li>
<li class="O mnie"><a href="omnie.html">O mnie</a></li>
</ul>
</nav>
<nav>
<ul class="ul2">
<li class="Moje projekty"><a href="#mojeprojekty">Moje projekty</a></li>
<li class="Kontakt"><a href="#kontakt">Kontakt</a></li>
</ul>
</nav>
</div>
</div>