Frage:
Weiß jemand wie ich diese Navigationsliste fixiert bekommen ohne das sich was verschiebt ?
Code:
Html:

Text erkannt:
k!doctype html
\( \langle h t m 1\rangle \)
<head \( > \)
\( \text { 〈title>Die LOGI-Methode }\langle\text { titles } \)
<meta charset=nutf-8n>
<link href-"style7. css" type=" text/css" rel=" stylesheet" /s
\( \langle/ \) head \( \rangle \)
\( \exists\langle b 0 d y\rangle \)
<headers
LOGI-Methode
\( </ \) header \( > \)
\( \langle n a v\rangle \)
\( \langle \) table>
<nav icinavi"
<a href" "Test.htmi" \( \rangle\langle b\rangle \) Startseite \( \langle \) b \( \rangle\langle/ \) a
<a href="Binfuhrung in die LOGI-Methode.html" \( \rangle\langle b\rangle \) Einführung \( \langle(b\rangle</ a\rangle \)
4a href- Ernahrung mit der LOGI-Methode.htm1" \( >\langle b> \) Ernahrung \( / b>c / a> \)
La href-1Die Vor- and Nachteile und der Jo-Jo Bftekt.htm1">-b>Vor- and Nachteile and JO-JO Effekt \( </ b>\langle/ a> \)
<a href="Sch1nssfolgerang.htm1" \( \rangle \) hb>Schlussfolgerung \( \langle/ b 3</ a\rangle \)
<a href="kmpfehlungen and Tipps zur Gewichtsredaktion.html"><b>Empehlungen und Tipps zur Gewichtsreduktion ablb
Text erkannt:
1 kidoctype html.
७htmi)
Ghead \langle
<title>Die LOGI-Methode \( \langle \) titles
<meta charset="nte-8">
<link href-"style7. oss" type="text/css" rel="stylesheet \( /> \)
\( -c / \) heads
Sbody \( > \)
\( \langle \) header
LOGI-Methode
\( \langle/ \) header \( > \)
<nav>
stables
Gnav \( 1 d= \) navins
<a href="Test.html" \( \langle \) hbstartseite \( / b></ a\rangle \)
ca href="Einfahrang in die LOGI-Methode. htmI" \( \rangle\langle b\rangle \) EinTahrung \( \langle/ b\rangle\langle/ a\rangle \)
<a href-"Ernahrung \( m \) it der LOGI-Methode.htm1" \( \rangle\langle b\rangle \) Ernahrung \( \langle b\rangle\langle a\rangle \)
<a Arer=-Stoffwechselprozesse im Korper wahrend der LoGI-Methode,html">-b>Stoffwechselprozesse \( \langle \) (b></as
<a href-nie Vor- und Nachteile und der JO-JO EITekt.html">os>or- und Nachteile und JO-JO EIfekt</b></a> <a href=|Schlusstolgerang.htm1"><bsSchlussiolgerung \( \langle b></ a> \)
<a href=-Bmpehlungen und Tipps zur Gewichtsreduktion.htmi"s<b>Bmprehlungen und Tipps zur Gewichtsreduktion</b \( >\langle/ \) \& \( / \) cables
(axticle)
Text erkannt:
1 kidoctype html.
७htmi)
Ghead \langle
<title>Die LOGI-Methode \( \langle \) titles
<meta charset="nte-8">
<link href-"style7. oss" type="text/css" rel="stylesheet \( /> \)
\( -c / \) heads
Sbody \( > \)
\( \langle \) header
LOGI-Methode
\( \langle/ \) header \( > \)
<nav>
stables
Gnav \( 1 d= \) navins
<a href="Test.html" \( \langle \) hbstartseite \( / b></ a\rangle \)
ca href="Einfahrang in die LOGI-Methode. htmI" \( \rangle\langle b\rangle \) EinTahrung \( \langle/ b\rangle\langle/ a\rangle \)
<a href-"Ernahrung \( m \) it der LOGI-Methode.htm1" \( \rangle\langle b\rangle \) Ernahrung \( \langle b\rangle\langle a\rangle \)
<a Arer=-Stoffwechselprozesse im Korper wahrend der LoGI-Methode,html">-b>Stoffwechselprozesse \( \langle \) (b></as
<a href-nie Vor- und Nachteile und der JO-JO EITekt.html">os>or- und Nachteile und JO-JO EIfekt</b></a> <a href=|Schlusstolgerang.htm1"><bsSchlussiolgerung \( \langle b></ a> \)
<a href=-Bmpehlungen und Tipps zur Gewichtsreduktion.htmi"s<b>Bmprehlungen und Tipps zur Gewichtsreduktion</b \( >\langle/ \) \& \( / \) cables
(axticle)
CSS:

Text erkannt:
Zheader t
padding: 1 em;
text-align: center;
background-color: mediumturquoise;
color: \#fff;
position: fixed;
top: 0 ;
width: 1008;
height: auto;
font-family: "Arial Black", sans-serif;
font-size: 1.5em;
Inav
padding: \( 0.8 \mathrm{em} \);
background-color: silver;
margin: 2 em 000 ;
width: 1008 ;
height: auto: