Jen: Link an einer bestimmten Stelle ausrichten

Hallo zusammen,

ich möchte auf einigen Seiten meiner Homepage ein "Zurück-Link" einbauen.
Dieser soll auf der jeweiligen Seite immer an gleicher Position stehn.
Z.B. rechts unten mit einem Abstand zum jeweiligen Seitenrand mit 70px.

Wenn ich das ganze mit "position:absolute;" (siehe unten) mache sieht es so aus wie ich es gerne hätte. Das Problem aber, das es verschoben wird, wenn ich z.B. das Browserfenster verkleinere.
Lasse ich jedoch "position:absolute;" weg, so passiert gar nichts.

  
<a href="...." id="verweis">Zurück</a>  

  
#verweis{  
position: absolute;  
right: 70px;  
bottom: 70px;  
}  

Bitte um Hilfe.

Vielen Dank

Lg Jen

  1. Hallo,

    Wenn ich das ganze mit "position:absolute;" (siehe unten) mache sieht es so aus wie ich es gerne hätte. Das Problem aber, das es verschoben wird, wenn ich z.B. das Browserfenster verkleinere.

    Wie denn sonst?

    mfg, Flo

    --
    Developers are dying. Computers are getting trash. CEO's become forgetten. The only remaining things are ideas, lies and crises. So if you want to be immortal, first think, than stop it and go to microsoft and become later a manager at Lehman Brothers...
    sh:) fo:| ch:? rl:( br:^ n4:| ie:{ mo:| va:} de:> zu:} fl:{ ss:) ls:< js:|
    *Zu dem de:> Ich benutze wegen IE im moment noch tabellen, weil dieser display:table noch nicht versteht. Ich werde aber, wenn IE 6 & IE 7 < 10% mein neues CSS-Layout einspielen...
    1. Wie denn sonst?

      Es soll immer an der gleichen Stelle stehen und sich nicht verschieben.
      Also immer unten rechts.

      Wenn ich das Fenster minimiere steht der Link mitten über meinem anderen Text.

      Ich weiß auch, das dies die Eigenschaften von position absolute sind.
      Aber ich will damit sagen, das es genau so aussehen soll.

      1. Hallo,

        Von welcher Fensterbreite gehst du denn aus?

        mfg, Flo

        --
        Developers are dying. Computers are getting trash. CEO's become forgetten. The only remaining things are ideas, lies and crises. So if you want to be immortal, first think, than stop it and go to microsoft and become later a manager at Lehman Brothers...
        sh:) fo:| ch:? rl:( br:^ n4:| ie:{ mo:| va:} de:> zu:} fl:{ ss:) ls:< js:|
        *Zu dem de:> Ich benutze wegen IE im moment noch tabellen, weil dieser display:table noch nicht versteht. Ich werde aber, wenn IE 6 & IE 7 < 10% mein neues CSS-Layout einspielen...
        1. Von welcher Fensterbreite gehst du denn aus?

          vom äußeren Rand.

          Geht das nicht?
          Wenn nein, gibt es eine Möglichkeit, das ganze anders zu regeln?
          Ohne das ich den Link mit vielen <br>s oder <p>s nach unten verschiebe.

      2. Hi,

        Es soll immer an der gleichen Stelle stehen und sich nicht verschieben.
        Also immer unten rechts.

        In Bezug auf *was*?

        Wenn ich das Fenster minimiere steht der Link mitten über meinem anderen Text.

        Dann richte ihn nicht am Viewport aus.

        MfG ChrisB

        --
        „This is the author's opinion, not necessarily that of Starbucks.“
        1. In Bezug auf *was*?

          Im Bezug auf den äußeren Rand!

          !?!?

          1. Hi,

            In Bezug auf *was*?

            Im Bezug auf den äußeren Rand!

            Rand von was?
            Druecke dich bitte praeziser aus, sonst kann man dir kaum helfen.

            Worauf absolute Positionierung Bezug nehmen kann, darueber hast du dich schon informiert?

            MfG ChrisB

            --
            „This is the author's opinion, not necessarily that of Starbucks.“
            1. Rand von was?
              Druecke dich bitte praeziser aus, sonst kann man dir kaum helfen.

              Ich versuch es sorry.
              Meines Wissens geht das vom Rand meines definierten Divs aus bzw. vom äußeren Browserrand.

              Aber mal abgesehn davon will ich ja position:absolut weglassen.

              Vielleicht kannst du mir ja weiterhelfen wie ich es sonst machen könnte.
              Also der Link soll unten rechts ausgerichtet werden.
              Ich kenne nur die Lösung mit den vielen <br>s um den Link nach unten zu verschieben.

              1. Hi,

                Meines Wissens geht das vom Rand meines definierten Divs aus bzw. vom äußeren Browserrand.

                Und welche dieser Moeglichkeiten beabsichtigst du zu nutzen?

                Aber mal abgesehn davon will ich ja position:absolut weglassen.

                Vielleicht kannst du mir ja weiterhelfen wie ich es sonst machen könnte.
                Also der Link soll unten rechts ausgerichtet werden.

                Und warum platzierst du ihn dann nicht einfach unten auf der Seite, unterhalb des Inhalts?

                Ich kenne nur die Lösung mit den vielen <br>s um den Link nach unten zu verschieben.

                Abstaende macht man mit margins und paddings.

                MfG ChrisB

                --
                „This is the author's opinion, not necessarily that of Starbucks.“
                1. Und warum platzierst du ihn dann nicht einfach unten auf der Seite, unterhalb des Inhalts?

                  Aber wie?

                  Abstaende macht man mit margins und paddings.

                  Hab es versuch, sieht dann so aus:

                    
                  #verweis{  
                  margin-bottom:70px;  
                  margin-bottom:70px;  
                  }
                  

                  Leider passiert nichts.
                  Was mache ich falsch?

                  1. #verweis{
                    margin-bottom:70px;
                    margin-bottom:70px;
                    }

                    
                    >   
                    
                    Ups sollte so aussehen:  
                      
                    ~~~css
                      
                    #verweis{  
                    margin-bottom:70px;  
                    margin-right:70px;  
                    }  
                    
                    
                    1. Hi,

                      Ups sollte so aussehen:

                      #verweis{
                      margin-bottom:70px;
                      margin-right:70px;
                      }

                        
                      Damit richtest du nicht nach rechts aus, sonderns sorgst lediglich fuer 70 Pixel Abstand nach rechts.  
                        
                      Platziere ihn in einem Block-Element, und richte ihn mit text-align rechts aus.  
                        
                      MfG ChrisB  
                        
                      
                      -- 
                      „This is the author's opinion, not necessarily that of Starbucks.“
                      
                  2. Hi,

                    Und warum platzierst du ihn dann nicht einfach unten auf der Seite, unterhalb des Inhalts?

                    Aber wie?

                    In dem du ihn im Quelltext erst mal unterhalb des eigentlichen Inhaltes platzierst.

                    Leider passiert nichts.
                    Was mache ich falsch?

                    Du beruecksichtigst die Tipps fuer Fragende nicht.

                    MfG ChrisB

                    --
                    „This is the author's opinion, not necessarily that of Starbucks.“
          2. Hallo,

            Der äußere Rand hängt von der Fensterbreite ab.

            mfg, Flo

            --
            Developers are dying. Computers are getting trash. CEO's become forgetten. The only remaining things are ideas, lies and crises. So if you want to be immortal, first think, than stop it and go to microsoft and become later a manager at Lehman Brothers...
            sh:) fo:| ch:? rl:( br:^ n4:| ie:{ mo:| va:} de:> zu:} fl:{ ss:) ls:< js:|
            *Zu dem de:> Ich benutze wegen IE im moment noch tabellen, weil dieser display:table noch nicht versteht. Ich werde aber, wenn IE 6 & IE 7 < 10% mein neues CSS-Layout einspielen...