Mitlaufender Button Bildschirmgrößenabhängig positionieren

[zeusel]

Hallo Ihr,

ich habe folgendes Problem: ich habe einen mitlaufenden Button folgend programmiert:
Im head Bereich:

<style type=\"text/css\">.examplediv
 {
  background-color:#efefef;
  border-style:solid #000000 1px;
 }#divid
{
 position:fixed;
 left:800px; top:150px; width:50px; height:50px;
}
</style>

An der entsprechenden Stelle im Body:

<div id=\"divid\" class=\"examplediv\"><a href=\"projekt_change.php?sid=".$sid."&id=$id\"><img src=\"aendern.png\"></a></div>

Der Button an sich ist gut positioniert, allerdings weicht die Position auf einem Widescreen Display erheblich ab, zu einem Display im normalen Format...gibt es eine Möglichkeit, dass es auf allen Monitoren gleich aussieht?

 

[struppi]

Inwiefern sollte da etwas abweichen? Du sagst doch exakt an welche Stelle das Element kommen soll.

 

[zeusel]

Tja das verstehe ich ja leider auch nicht warum das so ist....ich füge mal Screenshots an:

Bild 1 Widescreen Display 17,4 Zoll Laptop


Bild 2 "normales" Display 21 Zoll TFT



Hinweis: am Browser kann es nicht liegen auf beiden Rechnern wird der Firefox genommen!

 

[Wustersoss]

Tja das verstehe ich ja leider auch nicht warum das so ist...

Der Button schon.

Du schreibst dem Button vor(im CSS) das er sich an fester Position 800 Pixel von Links nicht wegbewegen darf.
Der Button folgt Deiner Anweisung.
Die anderen Elemente verschieben sich, der Button bleibt aber 800 Pixel von links stehen.

Wenn du das Verhalten des Button ändern willst, solltest du entweder auf Fix verzichten oder dem Button den Abstand in % mitgeben, das versteht er auch.

 

[threadi]

Oder keinen Abstand von links sondern von rechts angeben ;) Und ggfs. mit relativ positionierten umgebenden Elementen arbeiten.

 

[Wustersoss]

Oder keinen Abstand von links sondern von rechts angeben

Der ist ja gut, der Tipp.