Abstand best. bei 'position:fixed'

pain2000 · 11.02.2009

Hallo zusammen,
ich hab meine Navigationsleiste links mit "position:fixed;" versehen, damit sie mitscrollt. Soweit so gut, jedoch hab ich unten einen Footer, in den am Ende der Seite die Navi-Leiste reinrutscht. Kann man das irgendwie begrenzen, dass z.B. am Seitenende 100px Abstand sind? Mit "bottom:100px;" ist es nicht getan, dann rutscht sie mir oben zu weit hoch, wenn ich oben auf der Seite bin...
Komme grad irgendwie nicht dahinter...

Herr_D · 11.02.2009

AW: Abstand best. bei 'position:fixed'

Code? Seite ?

mfgleo · 11.02.2009

AW: Abstand best. bei 'position:fixed'

margin-bottom: 100px;

sollte Dir weiterhelfen

pain2000 · 11.02.2009

AW: Abstand best. bei 'position:fixed'

Puhhh na dann:
CSS:

Code:

body      { margin:0; padding:0;
            background:#fff url("img/bg.gif") top left repeat-x;
            font-family:Arial; font-size:100.01%; font-size:0.85em;
            border:0; }

#rand     { margin:-2px auto; padding:0; width:780px;
            border-left:5px solid #fff; border-right:5px solid #fff; }

#kopf_1   { padding-top: 156px; width:100%; float:left;
            background:#fff url("img/kopf_1.jpg") top left no-repeat; }
#kopf_2   { padding-top: 156px; width:100%; float:left;
            background:#fff url("img/kopf_2.jpg") top left no-repeat; }
#kopf_3   { padding-top: 156px; width:100%; float:left;
            background:#fff url("img/kopf_3.jpg") top left no-repeat; }

#leiste   { margin-bottom:10px; width:100%; float:left;
            background-color:#e67703;
            border-bottom:1px solid #fff; border-top: 1px solid #fff; }

.menu a   { padding:0.2em;
            font-size:1em; font-weight:bold; color:#000000; text-decoration:none; display:block; }
.menu a:hover { color:#203256; }
.menu li  { border-bottom:2px solid #d2dae5; }

#inhalt   { margin:0; padding:0; width:100%; float:left;
            background:#e67703 url("img/bg_rand.gif") top left repeat-y; }

#fuss     { margin:0; padding:0; width:100%; float:left;
            background:#fff url("img/bg_fuss.gif") top left repeat-x;
            border-top:1px solid #000; }
#fuss ul  { margin:0; padding:0 0 30px 0;
            text-align:left; list-style:none; }
#fuss li  { padding:10px; float:left; text-align:center; }
#fuss a   { font-size:0.9em; color:#000; text-decoration: none; }
#fuss a:hover { text-decoration:underline; }

#links    { margin:0; padding-left:10px; width: 220px; float:left; [COLOR="Red"]position:fixed;[/COLOR] }
#links ul { margin:0 0 0 20px; padding:0px; }
#links p, #links h1 { margin-left: 10px; }

#rechts   { margin-left:255px; padding:0 0 0 20px; }
#rechts p { padding-right:10px; }
...

HTML:

Code:

<body>
<div id="rand"> 
 <div id="kopf_3"> 
  <div id="leiste">bla bla bla...</div> 
 </div> 
 <div id="inhalt"> 
  <div id="links"><h2>Navigation</h2> 
   <ul class="menu"> 
    <li>mehrere Punkte</li> 
   </ul><div class="pkt">&nbsp;</div> 
   <ul class="navigation"> 
    <li>bla...</li> 
   </ul><div class="pkt">&nbsp;</div> 
   <ul class="navigation"> 
    <li>bla...</li> 
   </ul> 
  </div> 
  <div id="rechts">jede Menge Text....
  </div> 
 </div> 
 <div id="fuss">
  <ul>
   <li>bla...</li>
  </ul><br>
 </div><hr> 
</div>
</body></html>

Herr_D · 11.02.2009

AW: Abstand best. bei 'position:fixed'

gib dem ID rechts eine Mindesthöhe, dann sollte das Problem behoben sein... wenn man nämlich Unmengen an Text hat, dann hat man das Problem nicht...