Antworten auf deine Fragen:
Neues Thema erstellen

Abstand best. bei 'position:fixed'

pain2000

Nicht mehr ganz neu hier

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...
 

pain2000

Nicht mehr ganz neu hier

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

offline

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...
 
Zuletzt bearbeitet:
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden

Flatrate für Tutorials, Assets, Vorlagen

Zurzeit aktive Besucher

Statistik des Forums

Themen
118.615
Beiträge
1.538.352
Mitglieder
67.528
Neuestes Mitglied
Links Stream es
Oben