Benjamin: Grafik wird im Mozilla nur teilweise angezeigt

SELF-Forum

Grafik wird im Mozilla nur teilweise angezeigt

Benjamin Homepage des Autors
– Informationen zu den Bewertungsregeln

Hi!

Schaut euch doch mal bitte www.benjaminadler.de/smv/index.html mit dem Mozilla an (andere Browser habe ich nicht getestet). Bei mir wird nur ein kleiner Teil der Grafiken im oberen Teil der Seite angezeigt.
Irgendeine Idee an was das liegen könnte?

btw: die komplette webseite sollte eigentlich zentriert dagestellt werden. Tuts aber auch nich ;-) Habt ihr da ne Idee?

Vielen Dank!
benjamin

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. zusätzlicher screenshot

    Benjamin Homepage des Autors
    – Informationen zu den Bewertungsregeln

    hier habt ihr noch nen screenshot von dem verhalten:

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. zusätzlicher screenshot

      Jeena Paradies
      – Informationen zu den Bewertungsregeln

      hier habt ihr noch nen screenshot von dem verhalten:

      also bein mir im Opera und Konqueror wird alles angezeigt. Im Firebird nicht hm :-(

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln

  2. Grafik wird im Mozilla nur teilweise angezeigt

    Jeena Paradies
    – Informationen zu den Bewertungsregeln

    Hallo,

    sollte da:

    <div style="width:650px; height:100px; background-image:url(background-content.gif); text-align:left; overflow:hidden;">

    nicht ein margin:auto rein? also in das erste und die Ganse Seite umfassende <div> rein, allerdings funktioniert es mit dem IE nicht. Deshalb muss du ich denke im <body> text-align:center einfügen, dann versteht der das auch. Und da du ja im <div> schon text-align:left hast, wird das <div> zentriert, aber der Inhalt wird linksbündig im <div> angeordnet so weit ich das weiß.

    Jeena Paradies

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

  3. Grafik wird im Mozilla nur teilweise angezeigt

    Elya
    – Informationen zu den Bewertungsregeln

    Hallo Benjamin,

    also für mich sieht das so aus (Camino auf Mac, Mozilla-Klon), als ob das Bild, das eigentlich schon vorhanden ist, von irgendwelchen anderen Elementen, ich tipp mal auf div oder span, abgedeckt und damit abgeschnitten wird.

    Safari stellt auch alles korrekt dar.

    Ich würde mir (aus dem Bauch raus) mal Konstrukte wie

    <span style="position:relative; top:10px; left:10px;"><img src="scheffelgym.gif" width="111" height="80" alt="Scheffelgym Logo"></span>
       <span style="position:relative; top:15px; left:50px; ">

    anschauen, versuchsweise den Elementen 1px solid irgendeinefarbe zuweisen und schauen wo sie stehen.

    Viel Erfolg!

    Schöne Grüße aus Köln-Ehrenfeld,

    Elya

    --
    We are still confused, but on a higher level.
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. Grafik wird im Mozilla nur teilweise angezeigt

      Benjamin
      – Informationen zu den Bewertungsregeln

      Hi!

      versuchsweise den Elementen 1px solid irgendeinefarbe zuweisen und schauen wo sie stehen.

      ja, habe ich gemacht, aber ich habe kein Element gefunden, dass die Bilder überdeckt...
      Habe auch schon probiert, die verdeckten Bilder mittels z-index hervorzuholen ... ging auch nich...

      Irgendwelche anderen Ideen?

      Danke!
      benjamin

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln

      1. Grafik wird im Mozilla nur teilweise angezeigt

        Elya
        – Informationen zu den Bewertungsregeln

        Hallo Benjamin,

        Irgendwelche anderen Ideen?

        Ideen könnte man ja viele haben bei dem Code, die erste wäre, Dein Dokument Validator-tauglich zu machen oder wenigstens den Tipp von Andreas auszuprobieren.

        Aber weil ich heute gute Laune habe und mir vorgenommen habe, wieder alle ans Händchen zu nehmen, noch mein Tipp des Tages:
        schmeiß doch mal die <span> um die <img> raus und schau was passiert. Und dann überleg Dir eine weniger exotische Methode, die Bilder zu plazieren, z.B. mit margin.

        Generelle Methode, einen fehlerhaften Code manuell zu prüfen: Entferne einzelne Parameter oder einzelne Elemente und beobachte das Resultat. Immer nur eins, damit Du das Ergebnis wirklich bewerten kannst. Wenn sich nichts tut, füge es wieder ein und probiere ein anderes. Auf Anhieb sieht nämlich auch ein Crack (bin weiß Gott keiner!) nicht immer den Fehler. Das Entscheidende ist, daß Du für Dich selbst einen Weg findest, Fehler aufzuspüren und ihnen auf den Grund zu gehen. (Diese Klugschei*erei war der Preis für den heißen Tipp von oben, aber denk mal drüber nach!)

        Viel Erfolg.

        Schöne Grüße aus Köln-Ehrenfeld,

        Mama Elya

        --
        We are still confused, but on a higher level.
        Beitrag melden
        –
        Informationen zu den Bewertungsregeln

  4. Grafik wird im Mozilla nur teilweise angezeigt

    Andreas Jutzi
    – Informationen zu den Bewertungsregeln

    Hallo,

    Bei mir wird nur ein kleiner Teil der Grafiken im oberen Teil der Seite angezeigt.
    Irgendeine Idee an was das liegen könnte?

    Ich weiss nicht ob ich Dir gross helfen kann, aber kaut CSS Spezifikation sind negative Werte nicht erlaubt. Du hast aber beim folgendem Beispiel einen negativen Wert eingegeben und da Mozilla / Firebird normalerweise sich streng an die Spezifikationen halten, solltest Du dies ändern:

    <span style="position:relative; top:-70px; left:165px;">

    Offiziele Spezifikation von CSS 2:
    http://www.w3.org/TR/CSS21

    Wurde auch in Deutsch übersetzt:
    http://www.edition-w3c.de/TR/REC-CSS2

    Gruss
    andy

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln