Frank: CSS-Positionierung falsch im IE?

Ich will einen Farbverlauf von blau nach schwarz hinbekommen, deswegen habe ich ein Bild (800 x 3) genommen und "ziehe" das einfach größer. Damit das auch bindend am rechten Rand des Browserfensters aufhört, habe ich "right:0px" gesetzt:

<img src="horizontal.png" style="position:absolut; top:0px; right:0px; top:0px; left:162px; height:100px;" alt="">

Das Problem ist jetzt nur, dass der IE (im Gegensatz zum Firefox) das nicht so ausgibt, wie ich das haben will. Er rechnet die 800px, die das Bild hat, auf das Höhenverhältnis hoch.
Wie kann ich das dem IE nun beibringen, dass er das nicht mehr macht?

Danke

  1. Hi,

    Wie kann ich das dem IE nun beibringen, dass er das nicht mehr macht?

    gar nicht. Mich wundert ehrlich gesagt, dass das im Firefox wie gewünscht funktioniert.

    Der IE 6 kann nur die Angabe einer Eck-Koordinate umsetzen und daher der Box keine Breite entsprechend der anderen Koordinaten geben. Folglich skaliert er proportional.

    freundliche Grüße
    Ingo

    1. Achso ist das.

      Das ist ungünstig. Da muss ich mir wohl was neues einfallen lassen.
      Danke.

      ps: Hat jemand eine Idee, wie ich das anstellen kann, dass das Bild bis zum Rand "gezogen" wird, aber die Höhe auf 100px bleibt? Danke

      1. Hi,

        ps: Hat jemand eine Idee, wie ich das anstellen kann, dass das Bild bis zum Rand "gezogen" wird, aber die Höhe auf 100px bleibt?

        Eigentlich kein Problem, wenn Du ein DIV mit Hintergrundbild nimmst, dass nicht absolut sondern über margin-left positioniert wird.

        freundliche Grüße
        Ingo

        1. Danke.

          Ich denke es hätte ein bissl gedauert, bis ich auf eine Idee gekommen wäre.