hier hätte mein name sein sollen: Sinn von position:relative, wenn body { margin: 0; }

Hi @ @ll

Ich habe einige Fragen zum Positionieren von Elementen!

Wenn man:

body {
margin : 0;
}

schreibt, macht es dann Sinn:

#test {
position : relative;
left : 0;
top : 0;
}

zu schreiben?

In SelfHTML steht bei "position:relative" ja:

Wenn Sie position:relative; top:5px notieren, dann legen Sie für
das Element fest, dass sein oberer Rand 5 Pixel tiefer liegt, als
es normalerweise der Fall wäre.

Wenn ich aber den Abstand vom Rand auf 0 gesetzt habe, macht es dann noch Sinn top:0px; zu notieren?

  1. Hi,

    Wenn ich aber den Abstand vom Rand auf 0 gesetzt habe, macht es dann noch Sinn top:0px; zu notieren?

    Wenn das Eltern Element der Body ist, nein.

    Allerdings solltest du um standardkoform zu bleiben, schreiben: margin: 0px;

    Gruß
    Scooter

    1. Allerdings solltest du um standardkoform zu bleiben, schreiben: margin: 0px;

      der css validator hat das so ausgegeben! hm ... ok ... dann noch eine frage!

      #Fussleiste {
      position : absolute;
      bottom : 0;
      left : 0;
      }

      erkennt der browser und setzt es ans ende der seite!

      wenn ich jetzt aber anstatt absolute - relative schreibe, sitz die leiste dann irgendwo im fenster rum!

      woran liegt das?

  2. Hallo,

    Vergiss nicht immer auch die Maßangabe anzugen:

    Statt
    left : 0;
    also immer
    left:0px;

    Grüße
    Heiner

    1. Hallo Heiner,

      Vergiss nicht immer auch die Maßangabe anzugen:

      prinzipielle hast du zwar Recht, aber...

      Statt
      left : 0;
      also immer
      left:0px;

      hier ist die Einheit nicht nötig:
      <zitat src="http://www.w3.org/TR/REC-CSS1#length-units">
      After a '0' number, the unit identifier is optional.
      </zitat>

      Grüße aus Nürnberg
      Tobias

      --
      Selfcode: sh:( fo:) ch:? rl:( br:< n4:& ie:% mo:| va:) de:] zu:) fl:( ss:| ls:[ js:|
  3. Moin!

    body {
    margin : 0;
    }

    #test {
    position : relative;
    left : 0;
    top : 0;
    }

    Es gibt default-Werte, die man natürlich nicht explizit angeben muß, aber um sicher zu gehen doch lieber angeben kann.

    In SelfHTML steht bei "position:relative" ja:

    Wenn Sie position:relative; top:5px notieren, dann legen Sie für
    das Element fest, dass sein oberer Rand 5 Pixel tiefer liegt, als
    es normalerweise der Fall wäre.

    Wenn ich aber den Abstand vom Rand auf 0 gesetzt habe, macht es dann noch Sinn top:0px; zu notieren?

    Sicher, dass du den Sinn von "position:relative" richtig verstanden hast?

    Und btw: Was ist bei solch einem Konstrukt?

    <body>
      <div id="inner" style="margin-left:100px;">
        <div id="test">
        ...
        </div>
      </div>
    </body>

    - Sven Rautenberg

    --
    SELFTREFFEN 2003 - http://selftreffen.kuemmi.ch/
    ss:) zu:) ls:[ fo:} de:] va:) ch:] sh:) n4:# rl:| br:< js:| ie:( fl:( mo:|