nicht angemeldet
navigator trotz scrollen fest - ohne frames?
hallo,
ich möchte meine homepage gerade umschreiben, so dass sie keine frames mehr enthält. jetzt hab ich natürlich das problem, dass, wenn der text lang ist, mein navigator außer sichtweite rutscht.
gibt es eine möglichkeit, das zu verhindern? (ohne java script)
ich habe gerade mit freude das css-teil "background-attachment:fixed" entdeckt, fürchte aber, dass mir das wohl nix weiterhelfen wird.
Hat jemand eine idee?
danke im voraus,
melanie
-
Hallo Melanie,
ich möchte meine homepage gerade umschreiben, so dass sie keine frames mehr
enthält. jetzt hab ich natürlich das problem, dass, wenn der text lang ist,
mein navigator außer sichtweite rutscht.Ich vermute, Du meinst einen Navigationsbereich?
gibt es eine möglichkeit, das zu verhindern? (ohne java script)
Um etwas so zu fixieren, daß es bem Scrollen stehenbleibt, muß man die
CSS-Regel position:fixed verwenden. Dummerweise ist der Internet Explorer
zu dumm und kennt diese Regel nicht.http://selfhtml.teamone.de/css/eigenschaften/positionierung.htm#position
Deswegen muß man mit Workarounds arbeiten, um so einen Effekt hinzukriegen.
Hier ist zum Beispiel einer beschrieben:http://www.fabrice-pascal.de/artikel/posfixedie6/
- Tim
--
Memes don't exist. Tell your friends.-
super, vielen dank.
im beispiel funktionierts ja und ich werd jetzt mal versuchen, das auch bei mir zum laufen zu kriegen
(ihr werdet bestimmt nochmal von mir hören, so ein spezialist bin ich nämlich nicht ;-)mfg, melanie
-
ich fürchte, ich hab irgendetwas vergeigt und weiß nicht, was.
plötzlich hab ich nämlich 2 scrollbars, die des Internet-Explorers und noch eine zusätzliche. Ist das nicht schön?
ich hab frecherweise den quelltext der beispielseite kopiert (und teilweise schon abgeändert), dann hab ich eine wunderschöne ie5.css zusammenkopiert und siehe da, der navigationsbereich bleibt stehen
... leider hab ich eben die besagten zwei scrollbars...
woran kann das liegen? (bin ich vielleicht einfach zu doof, etwas zu kopieren?)
vielen dank schon mal,
melanieQuelltext:
<html>
<head>
<title>test</title>
<link rel="stylesheet" href="feu.css" type="text/css">
<!--[if gte IE 5]>
<link href="ie5.css" rel="stylesheet" type="text/css">
<![endif]-->
</head>
<body ><div class="menu"><table border=1 width="140px" >
<!-- logo -->
<tr height="150px">
<td > <img src="pics/logo.gif" "153" height="145"
border="0" alt=""></td>
</tr>
<!-- navigator-->
<tr height="310px">
<td><a class="navigator" href=""> <p class="nav">Home</p> </a>
<a class="navigator" href=""><p class="nav">Infos</p> </a>
<a class="navigator" href=""><p class="nav">Termine</p></a>
<a class="navigator" href=""><p class="nav">Kontakt</p></a>
<a class="navigator" href=""><p class="nav">Links</p></a>
<a class="navigator" href=""><p class="nav">Impressum</p></a>
</td>
</tr>
<!-- zähler, aktualisiert-->
<tr height="40px">
<td> </td>
</tr>
</table>
</div><!-- hauptfenster-->
<table border=1 width="640px" style="position:relative; left:165px; top:-510px">
<!-- headerfeld-->
<tr align=center height="110px">
<td><img src="pics/headerneu.gif" width="600" height="104" border="0" alt="">
</td>
</tr>
<tr height="40px">
<td>
<?
include("homekopf.html")
?>
</td>
</tr>
</table><div class="container">
<div class="inhalt"><p>Dieser Text scrollt mit. Damit man diesen Effekt sehen kann, wird der ganze
Kasten nun einfach verlängert.</p></div>
</div> -
ich fürchte, irgendetwas funktioniert nicht so richtig:
ich habe, wie schon erwähnt, jetzt zwei scrollbars,
die des ie (die ich am liebsten unsichtbar und nicht nur inaktiv machen würde)> die scrollt nämlich den navigationsbereich weg.
und eine, die zu dem inhalts-css dazugehört. die würde funktionieren, sieht aber eben blöd aus, wenn gleich zwei scrollbars nebeneinander sind.
Quelltext ist in einem 10-15 min jüngeren hilferuf.
ich würde mich sehr freuen, wenn jemand eine lösung wüsste.
mfg, melanie