flexbox_mit_sticky_navigation.php
Quell Code
<!DOCTYPE html>
<html lang="de">
<head>
<title>So richtig lecker!</title>
<meta charset="utf-8">
<link rel="stylesheet" href="master.css">
</head>
<body>
<header>
HEADER
</header>
<main>
<div id="right">
<nav id="naviO">
<ul>
<li> <a href="index.html">Home</a> </li>
<li> <a href="#">Mein Fuhrpark</a> </li>
<li> <a href="#">Veranstaltungen</a> </li>
<li> <a href="#">Gästebuch</a> </li>
<li> <a href="#">Kontakt</a> </li>
<li> <a href="#">Impressum</a> </li>
</ul>
</nav>
<div id="content">
<h3>Überschrift</h3>
<p>
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
</p>
</div>
</div>
<div id="left">
<div id="naviL">
<h3>Rezepte</h3>
<ul>
<li tabindex="0"> <a href="#">Asiagerichte</a>
<ul>
<li><a href="#" tabindex="0">Bánh Xèo</a> </li>
<li><a href="#" tabindex="0">Frühlingsrolle</a></li>
<li><a href="#" tabindex="0">Pfannengerührtes</a></li>
<li><a href="#" tabindex="0">Sweet Chilli Sauce</a></li>
</ul>
</li>
<li tabindex="0"> <a href="#">Aufläufe</a>
<ul>
<li><a href="#" tabindex="0">Brokkoli Lachs Nudel Auflauf</a> </li>
<li><a href="#" tabindex="0">Muttis Tortellini Auflauf</a></li>
<li><a href="#" tabindex="0">Ofenkassler mit Gemüse</a></li>
<li><a href="#" tabindex="0">Spargelauflauf</a></li>
<li><a href="#" tabindex="0">Tortellini Auflauf</a></li>
</ul>
</li>
<li tabindex="0"> <a href="#">Beilagen</a>
<ul>
<li><a href="#" tabindex="0">Rösti Urner Art</a> </li>
<li><a href="#" tabindex="0">Rösti Klassisch</a></li>
</ul>
</li>
<li tabindex="0"> <a href="#">Brot, Brötchen</a>
<ul>
<li><a href="#" tabindex="0">Balkanbrot</a> </li>
<li><a href="#" tabindex="0">Bier Honig Brot</a></li>
<li><a href="#" tabindex="0">Kartoffelbrot</a></li>
<li><a href="#" tabindex="0">Buttermilchbrot</a></li>
<li><a href="#" tabindex="0">Haselnuss Hörnchen</a></li>
<li><a href="#" tabindex="0">Landbrot</a></li>
<li><a href="#" tabindex="0">Osterzop</a></li>
<li><a href="#" tabindex="0">Käsebrötchen</a></li>
<li><a href="#" tabindex="0">The Big Greek</a></li>
</ul>
</li>
<li tabindex="0"> <a href="#">Brotaufstrich</a>
<ul>
<li><a href="#" tabindex="0">Butter</a> </li>
<li><a href="#" tabindex="0">Eiersalat</a></li>
<li><a href="#" tabindex="0">Skagen Röra</a></li>
</ul>
</li>
<li tabindex="0"> <a href="#">Eintöpfe, Suppen</a>
<ul>
<li><a href="#" tabindex="0">Gemüsesuppe</a> </li>
<li><a href="#" tabindex="0">Kartoffel-Paprika Eintopf</a></li>
</ul>
</li>
<li tabindex="0"> <a href="#">Fleisch</a>
<ul>
<li><a href="#" tabindex="0">gefüllte Paprika</a> </li>
<li><a href="#" tabindex="0">Porree Hack Pfanne</a></li>
<li><a href="#" tabindex="0">Schmorgurken mit Bratwurstbällchen</a></li>
<li><a href="#" tabindex="0">pikante Slaviniken</a></li>
</ul>
</li>
<li tabindex="0"> <a href="#">Pasta und Risotto</a>
<ul>
<li><a href="#" tabindex="0">Gemüse-Nudelpfanne</a> </li>
<li><a href="#" tabindex="0">Pfifferlinge mit Nudeln, Gemüse</a></li>
<li><a href="#" tabindex="0">Rucola mit Schinkenstreifen</a></li>
<li><a href="#" tabindex="0">Spaghetti mit grünen Spargel, Garnelen</a></li>
<li><a href="#" tabindex="0">Zitronenspaghetti</a></li>
</ul>
</li>
<li tabindex="0"> <a href="#">Pizza, Flammkuchen</a>
<ul>
<li><a href="#" tabindex="0">Pizza American Style</a> </li>
<li><a href="#" tabindex="0">Italienischer Pizzateig</a></li>
<li><a href="#" tabindex="0">Flammkuchen</a></li>
<li><a href="#" tabindex="0">Apfel Flammkuchen</a></li>
</ul>
</li>
<li> <a href="#">Salate</a> </li>
<li tabindex="0"> <a href="#">Soßen</a>
<ul>
<li><a href="#" tabindex="0">Sahne Bacon Soße</a> </li>
<li><a href="#" tabindex="0">Gemüsesoße</a></li>
<li><a href="#" tabindex="0">Schnelle Hacksoße</a></li>
</ul>
</li>
<li tabindex="0"> <a href="#">Desserts</a>
<ul>
<li><a href="#" tabindex="0">Schokoflammeri</a> </li>
<li><a href="#" tabindex="0">Vanillesoße</a></li>
<li><a href="#" tabindex="0">Whisky Eis</a></li>
</ul>
</li>
<li tabindex="0"> <a href="#">Kekse, Gebäck</a>
<ul>
<li><a href="#" tabindex="0">American Cookies mit Smarties</a> </li>
<li><a href="#" tabindex="0">Baiser</a></li>
<li><a href="#" tabindex="0">Buttermilchmuffins</a></li>
<li><a href="#" tabindex="0">Cream Cheese Brownies</a></li>
<li><a href="#" tabindex="0">Marzipan Küsschen</a></li>
<li><a href="#" tabindex="0">Orangenmuffins</a></li>
<li><a href="#" tabindex="0">Zitronenmuffins</a></li>
</ul>
</li>
<li tabindex="0"> <a href="#">Kuchen, Waffeln</a>
<ul>
<li><a href="#" tabindex="0">Baiser trifft Pflaume</a> </li>
<li><a href="#" tabindex="0">Banane Schokokuchen</a></li>
<li><a href="#" tabindex="0">Apfelkuchen</a></li>
<li><a href="#" tabindex="0">Pfirsich Himbeer Streuselkuchen</a></li>
<li><a href="#" tabindex="0">Stracciatella Kuchen</a></li>
<li><a href="#" tabindex="0">Streuselkuchen</a></li>
<li><a href="#" tabindex="0">Vanillekuchen</a></li>
<li><a href="#" tabindex="0">Zitronenkuchen</a></li>
<li><a href="#" tabindex="0">Apfelwaffeln</a></li>
<li><a href="#" tabindex="0">Käse Schinken Waffeln</a></li>
</ul>
</li>
</ul>
</div>
</div>
</main>
<footer>
FOOTER
</footer>
</body>
</html>
Comments