Feste position der Taste in der Mitte der Festnetz-Seite

meine Seite hat ein großes div mit fester Breite, wie z.B.:

#index_body{
  width: 1010px;
  background-image: url('images/main_bg_dark.png'); 
  margin: auto;
  overflow: hidden;
  min-height: 50px;
  padding-bottom: 10px;
  border-radius: 7px;
  -moz-box-shadow: 0 5px 15px #000000;
  -webkit-box-shadow: 0 5px 15px #000000;
  box-shadow: 0 5px 15px #000000;
}

Möchte ich hinzufügen-Schaltfläche (20x20px) auf der rechten Seite der Seite (vertikal in der Mitte) - immer noch neben index_body.

So hat die Taste code wie folgt:

#butt {
  width:20px;
  height:20px;
  background: url('images/scrollUp.png');
  position:fixed;
  top:50%;
  left:WHAT SHOULD BE HERE??
}

Da kommt es auf die tatsächliche Auflösung. Meine index_body ist immer zentriert. wenn ich die Auflösung ändern meine Schaltfläche bewegt wird, um den Links-rechts...

InformationsquelleAutor user1666761 | 2012-10-27
  1. 1

    Anstatt die left oder right position, stellen Sie sicher, dass das button-element ist innerhalb des index-element und verwenden Sie dann eine Marge.

    margin: 0px 0px 0px 1010px;

    Hier ist eine getestete und lauffähige version mit dem code - http://lukewakeford.co.uk/testsite/blackbutton/

    InformationsquelleAutor Wez
  2. 0
    #butt {
  width:20px;
  height:20px;
  background: url('images/scrollUp.png');
  position:fixed;
  top:50%;

  right: 10%;
}

    Den 10% ist ein Beispiel, zu ändern, um einen Prozentsatz, der gut aussieht, und es sollte sich reaktionsschnell Weg, um Bildschirm-Auflösung.

    Auf der anderen Seite, warum würden Sie wollen, zu einem festen Bestandteil INNERHALB einer festen container? nur machen es die absolute und float es auf der rechten Seite mit einem Rand.

    • Diese 10% ist für nichts. Denn mit ändern der Auflösung verschiebt es... <= was ist mein problem.... Und ich kann es nicht absolut, denn mein index_body div hat große Höhe. Ich will nur lassen Sie diese #butt auf der gleichen position beim scrollen der Seite
    InformationsquelleAutor whitelionV
  3. 0

    ok, es sollte nur so:

    #butt {
  width:20px;
  height:20px;
  background: url('images/scrollUp.png');
  position:fixed;
  top:50%;
  margin-left: 1010px;
}
    InformationsquelleAutor user1666761
Schreibe einen Kommentar