Bild - Ausrichtungsproblem

  • Abend die Herrschaften,

    man sehe sich folgende Seiten an:

    http://www.snapshot.pytalhost.de/bilder/kassel_…tml/index1.html

    sowie

    http://www.snapshot.pytalhost.de/bilder/kassel_…tml/index2.html

    an.

    Mein Problem: Beim zweiten Link habe ich das Bild in voller Auflösung in die Seite integriert.

    Beim ersten Link habe ich beim Bild die Angaben wide="120%" height="90%" hinzugefügt (die Proportion stimmt)...

    Leider wird das Bild aber, wie man sieht nicht zentral ausgerichtet, sondern so, als wäre es immernoch groß, leider verstehe ich nicht warum?

    Kann jemand helfen, bzw weiß eine Lösung?

    Im Übrigen sind die 4 verschiedenen farblichen Bereiche 4 Teile einer Tabelle, vielleicht ist das ja von Bedeutung.

    Danke im Vorraus!!!

  • Code
    wide="100%


    Es muss "width" und nicht "wide" heißen. Ob das dein Problem behebt, kann ich aber nicht beurteilen.

    Normalerweise reicht es, wenn du "width: 100%" angibst. Einen height-Wert brauchst du nicht.
    Besser ist es, wenn du das Bild in seiner Originalgröße darstellst, also in Pixelangaben.
    Unabhägig davon hat das Bild eine viel zu große Speichergröße und benötigt eine sehr lange Ladezeit. Das solltest du auch ca. max. 100-200kb komprimieren.

  • Danke für die Tipps,

    das mit der Angabe in Pixel habe ich vorher auch schon probiert und das funktioniert. Allerdings ist es ja dann so, dass das Bild auf einem 19" TFT recht klein im Verhältnis zu einem 15" TFT angezeigt wird.

    Die Tatsache, dass wide="100%" funktioniert hat hat mich auch sehr gewundert muss ich sagen, da ich die Angabe zufällig eingetragen, bzw von einer anderen Seite übernommen habe. Das lustige ist nur, dass sie nicht den selben Effekt wie width hat...

    Falls noch jemand Tipps hat immer her damit ;)