✔ Scrollbalken unter dem Link

H

Hiob

Mitglied
Hallo,
ich bin noch sehr unerfahren was CSS angeht. Nun habe ich eine Seite, bei der der Logout-Link im rechten oberen Eck angezeigt werde soll.
Das klappt soweit auch. Nur leider bzw. komischerweise, ist unter dem Link nun ein Scrollbalken.
Daraus schließe ich das nicht genügend Platz vorhanden ist für den Link.
Ich habe mit <div> schon einen Hintergrund eingebaut. Naja guck es euch einfach mal an. Vielleicht kenn Ihr die Lösung zu diesem Problem
Hier der css teil:
PHP: 
  <style type="text/css">
  html, body {margin:0; padding:0; width:100%; height:100%;
overflow:hidden;}
#hintergrund {position:absolute; z-index:-1; width:100%; height:100%;}
#logout{position:absolute; right:22px; top:30px; font-size:1.3em;  overflow:auto; z-index:3}
#scrollbar {position:right; width:100%; height:100%; top:0; left:0;
overflow:auto; z-index:2;}
#inhalt {padding:30px 300px 200px 50px;} 
  </style>

Und hier der HTML Teil:
PHP: 
<body text="white" alink="white" vlink="white">

<div> <img id="hintergrund" src="wallpaper.jpg" alt="" title=""/></div>
<div id="logout" style="colour:white"><a href="http://localhost/logout.php">Logout</a></div>    
<div id="scrollbar"> <div id="inhalt"> 
.
.
.</div></div>
Danke.
 
Die einfachste Lösung:

CSS: 
#logout{...  overflow:hidden; /* anstelle overflow:auto */ ...}

... oder direkt auf die Angabe der overflow-Eigenschaft verzichten.

Für die position-Eigenschaft existiert übrigens kein Wert namens "right", da sie die Positionierungsart definiert, also "static", "relative", "absolute" oder "fixed".
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück