Dziwne układanie bocznego menu

Question

Nie wiem dlaczego moje boczne menu dziwnie mi przeskakuje. ma ktoś może jakiś pomysł?

http://yourrecipes.azurewebsites.net/

Answer 1

Źle pozamykane div'y zmień na:

  <section class="module parallax Breakfast1">
        <div class="navBar ">
            <div class="burger" onclick="burger(this)">
                <div class="bar1"></div>
                <div class="bar2"></div>
                <div class="bar3"></div>
            </div>
            <div class="logo">
                YourRecipes.com
            </div>
            <div class="login-bar">
                <div class="login">
                    Login
                </div>
            </div>
	    </div>

	    <div style="width: 40vh;">
		<div style="width: 100%; height: 95vh;">
		    <div class="burger-menu" style="display: none;">
			<p style="background-color: green; padding-top: 50px;">coś</p>
			<p>Coś</p>
			<p>CośCoś</p>
			<p>CośCośCoś</p>
		    </div>
		    <div class="DayName">
			<p>Czas na</p>
			<div>Śniadanie</div>
		    </div>
		</div>
	    </div>
	    <div style="width: 100%; height: 50px;">
		<div class="links">
		    <a href="http://yourrecipes.azurewebsites.net/Home/Coffee">Coffee</a>
		    <a href="http://yourrecipes.azurewebsites.net/Home/Breakfast">Breakfast</a>
		    <a href="http://yourrecipes.azurewebsites.net/Home/Dinner">Dinner</a>
		    <a href="http://yourrecipes.azurewebsites.net/Home/Lunch">Lunch</a>
		</div>
	    </div>
    </section>

 

Answer 2

Witam. Brak czyszczenia float: left;