Problem mit position:absolute;

  • Hi
    Ich habe hier eine neue Webseite mit einem Drop Side menu:D. Leider wird die wird beim ersten level das position: absolute; nicht nach dem ul element ausgerichtet sondern nach dem body. Was mach ich falsch?

    bye

  • Was heisst position: absolute?
    -> Auf der ganzen seite. Also muss es ja anch dem body ausgerichtet sein.
    also:
    position: relative;
    damit wird es nach dem element ausgerichtet, indem es sich befindet.

    Bitte in Zukunft erst denken, dann das Thema eröffnen.

    Der, der weiß dass er nichts weiß, weiß mehr als der, der nicht weiß, dass er nichts weiß.

    Wer nach etwas fragt, geht grundsätzlich das Risiko ein, es auch zu bekommen!

  • absolute
    Absolute Positionierung durch die Angaben left, top, right, bottom. Absolut positionierte Elemente sind außerhalb des normalen Textfluß, sie liegen über den anderen Elementen und beeinflussen somit nicht ihr Layout. Die absolute Position wird relativ zu den Rändern des Eltern-Elements berechnet, wenn dieses ebenfalls positioniert ist, oder wenn es der Seiteninhalt (<body>) ist. Da sich der Seiteninhalt scrollen lässt, werden absolut positionierte Elemente mitgescrollt.

    relativeRelative
    Positionierung vom normalem Fluß. Die normale Position ist wie bei static im normalem Textfluß. Die Positionierungsangaben left, top, right, bottom verschieben das Element aus dieser Position. Die nachfolgenden Elemente verhalten sich so, als wäre das Element nicht verschoben

    und was soll das den bedeuten?

  • Die Antwort hast du doch schon selbst geschrieben:

    Zitat

    Die absolute Position wird relativ zu den Rändern des Eltern-Elements berechnet, wenn dieses ebenfalls positioniert ist, oder wenn es der Seiteninhalt (<body>) ist

    Wenn kein Elternelement absolut oder relativ positioniert ist, dann beziehen sich deine absoluten Positionsangaben auf den body.
    In deinem Fall sollen sich die Positionierungen der ersten Subnav wohl auf den Mainlink beziehen.
    Also solltest du #menu_1 li noch mit "position: relative" versehen.

    http://www.ohne-css.gehts-gar.net/0067.php