nicht angemeldet
mit bottom positionierter Text bleibt beim scrollen nicht unten
Hallo zusammen,
ich habe auf einer gerade von mir zu erstellenden Webseite ein Problem festgestellt.
Ich habe eine Scrollleiste, die am linken Rand verläuft und auf der Bilder als Buttons genutzt werden.
Soweit so gut, doch der Link zum Impressum, den ich ans untere Ende der Seite verbannen wollte, orientiert sich am Browserfenster, das heißt zum einen, wenn die Buttons (Bilder) weiter nach Unten reichen, als das Fenster des Browsers es zulässt, dann wird der Text-Link zum Impressum über die Bilder geblendet.
Das zweite Problem ist, dass die Positionierung nicht am unteren Bildrand, fixiert wird, sondern beim Scrollen an der Stelle der Webseite verweilt, also plötzlich nicht mehr am unteren Bildrand ist, sondern, je nach Länge des Scrollbalkens, auch in der Mitte sein kann, da der Link mit der Seite zusammen hochscrollt.
Gibt es eine Lösung für dieses Problem? Oder eine Alternative zum CSS-Befehl
...style="position:absolut; bottom:0px;... ???
Das Problem scheint im übrigen nicht am Browser zu liegen, da sowohl der IE7, als auch der FireFox und der Safari sich gleich verhalten.
Ich hoffe mir kann jemand helfen...
Danke im Vorraus.
Die Seite findet ihr unter: http://www.Huck-Ale-Le.de/JAK-Final/IV4/
Die Datei ohne das Frame liegt hier: http://www.Huck-Ale-Le.de/JAK-Final/IV4/Navigation.html
-
...style="position:absolut; bottom:0px;... ???
Dass die Positionierung im Verhältnis zum Body erfolgt, weisst du? Ich vermute (obwohl du uns den Quelltext verweigerst), dein Body ist schlichtweg zu kurz.
-
Dass die Positionierung im Verhältnis zum Body erfolgt, weisst du? Ich vermute (obwohl du uns den Quelltext verweigerst), dein Body ist schlichtweg zu kurz.
Was heißt im Verhältnis zum Body? Du meinst nicht den Body-Tag oder???
Oh, ich wollte den Quelltext nicht verweigern, ich wollte nur nicht alles hier hin posten, daher hab ich den Link zur Datei angegeben...
Aber hier noch mal ein Auszug mit den wichtigen Stellen (Die Datei ohne das Frame liegt hier: http://www.Huck-Ale-Le.de/JAK-Final/IV4/Navigation.html
)<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>JAK - Jungenarbeit Auf Kurs - Inhaltsverzeichnis IV - von A-Z-Navigation</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" type="text/css" href="../Style_Navigation.css">
<style type="text/css">
<!-- individuelle Styles -->
</style><script type="text/javascript">
.
.
.
</head><body>
<table border="0" cellpadding="0" cellspacing="0"><tr>
<td valign="top"><a href="../Home/index.html"
target="_top"
onMouseOver="Bildwechsel(0,Highlight1)"
onMouseDown="Bildwechsel(0,Press1); Bildwechsel(0,Normal1)"
onMouseOut="Bildwechsel(0,Normal1)"><img src="../HP-Dateien/Home1.gif"
width="108" height="23" border="0" alt="Home" title="Home"
onMouseOver="window.status='Home';return true"
onMouseOut="window.status='';return true"></a><br>
.
.
.
</td>
</tr>
</table><!-- Impressum -->
<div style="position:absolute; bottom:0px; left:35px;">
<a href="../Impressum/index.html"
target="_top"
title="Impressum"
onMouseOver="window.status='Impressum';return true"
onMouseOut="window.status='';return true">Impressum</a>
</div></body>
</html>-
was du suchst, ist position: fixed, mit absolute wirst du keine erfolg haben - da ie6 kein fixed kennt, benötigst du hierfür einen workaround (selfhtml suche hilft)
http://web.tampabay.rr.com/bmerkey/examples/fake-position-fixed.htmlein paar tipps:
für bildwechsler brauchst du kein javascript - css und die pseudoklasse :hover helfen
http://www.wellstyled.com/css-nopreload-rollovers.htmlzum layouten solltest du keine tabellen verwenden - macht mehr probleme als es dir (und besonders deinen lesern) am ende hilft
http://www.css4you.de/wslayout1/index.htmlunterlasse manipulationen der statuszeile - das ist uncool
http://de.selfhtml.org/navigation/faq.htm#statuszeilentext_bei_verweisen
-
-