it-swarm.com.de

Setzen Sie ein div am unteren Rand des Bildschirms, nicht die Seite

Ich versuche, eine graue Leiste am unteren Bildschirmrand meiner Webseite zu setzen, unabhängig von der Auflösung. Wenn ich es jedoch versuche, scheint es einfach nach oben oder unten zu gehen, wenn ich in einer anderen Auflösung gehe. Gibt es eine Möglichkeit, dies zu beheben?

Die Leiste besteht auch aus CSS mit dem Tag div id.

/* HTML*/
<div id="info">Scroll for info</div>

/* CSS */
<style>
#info { 
    height: 40px; 
    position: relative; 
    margin-top: 25%; 
    background-color: #393838; 
    opacity: 
}
</style>

BEARBEITEN: Ich möchte, dass es am unteren Rand des Bildschirms angezeigt wird. Wenn ich jedoch nach unten scrolle, wird der Bildschirm nach oben verschoben.

19
Nikolas

Wenn Sie es unten und immer unten wünschen, müssen Sie position: fixed verwenden. Sie könnten dies versuchen:

#info { 
    height: 40px; 
    position: fixed; 
    bottom:0%;
    width:100%; 
    background-color: #393838; 
    opacity: 1;
}

http://jsfiddle.net/rX4nd/1/

39
putvande

Wie wäre es mit einem Eintrag?

.someDiv {
  position:fixed;
  width:50%;
  height:300px;
  margin-left:-25%;
  background:#063;
  bottom:0px;
  left:50%;
}
0
MastaBaba