problem z menu

Question

Witam!

Więc tak robię portfolio i mam menu chciałbym żeby nie było przyczepione ale aby było u góry ekranu i "poruszało się" razem z użytkownikiem. No i problem polega na tym że tak jest tylko menu jest jakieś nwm. 200 px niżej niż powinno być i nie wiem do końca co jest źle 

 

<nav id="main">
		   <ul>
				<li><a href="portfolio1code.html" class="active">HOME</a></li>
				<li><a href="#aboutme">ABOUT ME</a></li>
				<li><a href="#skills">TECHNOLOGIES I USE</a></li>
				<li><a href="#education">EDUCATION</a></li>
				<li><a href="#photo-portfolio">PORTFOLIO</a></li>
				<li><a href="#contact">CONTACT</a></li>
			</ul>
	  </nav>

 

 

#main 
{
	position: fixed;
    width: 1349px;
}

#main ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    overflow: hidden;
	background-color: rgba(255, 255, 255, 0.5);
	
}

#main li 
{
    float: left;
}

#main li a {
	letter-spacing: 0px;
    width:auto;
    display:block;
    color: #585c63;
    text-align: center;
	padding-bottom: 15px;
	padding-top: 15px;
	padding-right: 5px;
	padding-left: 100px;
	margin: auto;
	text-decoration: none;
    	
}

 

Answer 1

Musisz wypozycjonować obiekt, dla właściwości top oraz left nadając wartość np 0, czyli po Polsku w miejscu gdzie masz position:fixed dodaj 

top:0;
left:0;

 

Comments

Dzięki wielkie za pomoc! Wcześniej działało i zmieniałem teraz trochę kod i coś się popsuło ale nie wiedziałem co. Jeszcze raz wielkie dzięki!