newbe
Neues Mitglied
Hi,
ich habe auf meinen erstellten Seiten eine Navigationsleiste, darunter soll nun ein Logo angezeigt werden. Dies versuchte ich wie folgt umzusetzen:
<ul id="Navigation" style="position: fixed">
<h1 style="text-align:center">Navigation</h1>
<li><a href="Startseite.html">Startseite</a></li>
<li><a href="Rück.html">1. Definition des Rückstoßprin- zips und dessen Auswirkungen</a></li>
<li><a style="background-color: #DADADA;
border: 0px solid; border-radius: 3px" href="doku.html">2. Dokumentation des Modell- raketenbaus und Simulation der Modellrakete</a></li>
<li><a href="rech.html">3. Physikalischer Hintergrund und Berechnung</a></li>
<li><a href="erpro.html">4. Praktische Erprobung und Überprüfung<a></li>
<li><a href="rechtlich.html">5. Rechtliche Rahmenbedingungen und Sicherheitshinweise<a></li>
<li><a href="hi.html">Literaturverzeichnis</a></li>
</ul>
<ul style="position: fixed; float: left; top: 550px; left: 0px">
<li style="list-style: none;">
<a href="http://www.kleineburg.de/leoburg"><img src="logo.jpg" style="width: 170px; margin: 0px 0px 20px 0px"></a>
</li>
</ul>
Beide Elemente sollen mitscrollen, dieses habe ich ja auch schon definiert. Das Problem ist aber anscheinend, dass wenn man die Position des Bildes absolut bestimmt, die Position irgendwie von Browser zu Browser etwas variiert. Bei Firefox wird alles so angezeigt, wie es sein soll, beim IE etwas zu weit unten, aber noch ok. Bei SeaMonkey aber ist es zuweit rechts (also in ein <div> hinein) und auch weiter unten als es sein soll. Muss ich die Position also irgendwie anders definieren (z.B. über relative Angaben?), damit die Position in jedem Browser gleich ist? (Ich habe kein Chrome, also damit habe ich es nicht getestet.)
Ich freue mich über jegliche Hilfe.
MfG
Newbe
ich habe auf meinen erstellten Seiten eine Navigationsleiste, darunter soll nun ein Logo angezeigt werden. Dies versuchte ich wie folgt umzusetzen:
<ul id="Navigation" style="position: fixed">
<h1 style="text-align:center">Navigation</h1>
<li><a href="Startseite.html">Startseite</a></li>
<li><a href="Rück.html">1. Definition des Rückstoßprin- zips und dessen Auswirkungen</a></li>
<li><a style="background-color: #DADADA;
border: 0px solid; border-radius: 3px" href="doku.html">2. Dokumentation des Modell- raketenbaus und Simulation der Modellrakete</a></li>
<li><a href="rech.html">3. Physikalischer Hintergrund und Berechnung</a></li>
<li><a href="erpro.html">4. Praktische Erprobung und Überprüfung<a></li>
<li><a href="rechtlich.html">5. Rechtliche Rahmenbedingungen und Sicherheitshinweise<a></li>
<li><a href="hi.html">Literaturverzeichnis</a></li>
</ul>
<ul style="position: fixed; float: left; top: 550px; left: 0px">
<li style="list-style: none;">
<a href="http://www.kleineburg.de/leoburg"><img src="logo.jpg" style="width: 170px; margin: 0px 0px 20px 0px"></a>
</li>
</ul>
Beide Elemente sollen mitscrollen, dieses habe ich ja auch schon definiert. Das Problem ist aber anscheinend, dass wenn man die Position des Bildes absolut bestimmt, die Position irgendwie von Browser zu Browser etwas variiert. Bei Firefox wird alles so angezeigt, wie es sein soll, beim IE etwas zu weit unten, aber noch ok. Bei SeaMonkey aber ist es zuweit rechts (also in ein <div> hinein) und auch weiter unten als es sein soll. Muss ich die Position also irgendwie anders definieren (z.B. über relative Angaben?), damit die Position in jedem Browser gleich ist? (Ich habe kein Chrome, also damit habe ich es nicht getestet.)
Ich freue mich über jegliche Hilfe.
MfG
Newbe