DIV fixieren

JaEgErmEistEr

Registered User
Hallöchen,

ist zwar HTML / CSS / Javascript aber ich hoffe ihr könnt mir trozdem helfen.
Ich würde gerne ein div physisch fixieren. Es gibt ja im CSS Bereich das tag position:fixed; so in der Art sollte es auch funktionieren. Das heißt das div bleibt an der gleichen Stelle.
Problem ist bei position:fixed; dass, der eigentliche div nicht runterscrollt.

Grüße
Chris
 
Wo fixieren? Anhand des browserfensterrandes? Dann geht nur "position: fixed;".

Wenn du es an einer bestimmten Stelle im document fixieren willst kannst du "position: relative;" benutzen.
 
Meinst du so ? Wenn nicht, hast du evtl. ne Beispielseite wo man das sehen kann, was du möchtest ?

HTML:
<html>
<head>

<style type="text/css">
#content	{
  height: 1000px;
  width: 100%;
}
#fixid		{
  background-color: #efefef;
  border-style: solid #000000 1px;
  position: fixed;
  left: 450px; 
  top: 350px; 
  width: 300px; 
  height: 150px;
}
</style>

</head>
<body>

<div id="content">
  <div id="fixid">
Dieser DIV Container bewegt sich mit.
  </div>
</div>

</body>
</html>
 
Last edited by a moderator:
Ne das bringt leider nix und zwar wie folgt.

Ich habe rechts einen Kasten und links eine sehr lange Liste. Nun habe ich mir mittels Javascript ein Drag&Drop programmiert d.h. ich kann von links nach rechts in die Liste ziehen.
Die Liste rechts hat eine definierte Höhe z.b. von nur 200px;

Wenn ich jetzt in der Liste runterscrolle gehen zwar die Texte usw. alles mit runter aber ich kann die Sachen nicht rüberziehen. Das geht nach wie vor nur da wo die Liste am Anfang definiert worden ist.
 
Back
Top