kai: DIV´s im IE und Firefox

hallo zusammen,

ich habe einen div:
<div id="karte" name="karte"
style="
position:  relative;
background-image: url(img/bg2.gif);
width:660 px; height: 495 px;
padding: 0px; margin:0 px ; " >

der auch im IE richtig angezeigt wird
aber im Firefox fehlt dem div das hintergrundbild und
er sitz ein par hundert pixel zu tief ...

der div ist in eine td eingebettet .. das das nichgt so clever ist ist mir auch klar ..
aber es müsste doch trotzdem in beiden browsern gehen..

oder

danke
kai

  1. Hallo,

    ich habe einen div:
    [...]
    der auch im IE richtig angezeigt wird

    wahrscheinlich nicht. Wenn's einer falsch macht, dann meistens eher der IE. Ausnahmen bestätigen die Regel.

    <div id="karte" name="karte"
    style="
    position:  relative;

    Wozu benutzt du hier relative Positionierung, wenn du nachher keine Angaben zur tatsächlichen Position machst? Etwa, um andere Elemente darin absolut zu positionieren? Ich frage so provokativ, weil es für mich eher nach einem Denkfehler aussieht.

    background-image: url(img/bg2.gif);
    aber im Firefox fehlt dem div das hintergrundbild und

    Das ist allerdings seltsam. Und der IE zeigt's an? Schon mal versucht, den Namen der Grafik in Anführungszeichen zu setzen? Wäre mein nächster Versuch...

    er sitz ein par hundert pixel zu tief ...

    Zeig mal die komplette Seite im Zusammenhang, damit man sich das Problem mal "live" ansehen kann.

    width:660 px; height: 495 px;
    padding: 0px; margin:0 px ; " >

    Dir ist klar, dass diese Maßangaben alle bis auf das Padding fehlerhaft sind und somit ignoriert werden müssen?

    So long,

    Martin

    --
    Alkohl ist ungesund,
    Rauchen ist schädlich,
    Sex ist unanständig
    - und die Erde ist eine flache Scheibe.
    1. hallo,

      ja im div werden noch andere divs positioniert:
      also hier zum anschauen:
      http://game2.ipx10913.ipxserver.de/
      login: dasuwi
      pass:  pass

      dann kommt direkt die seite.

      danke
      kai

      1. Hi,

        da ist aber wohl ganz gewaltig der Wurm drin.

        also hier zum anschauen:
        http://game2.ipx10913.ipxserver.de/
        login: dasuwi
        pass:  pass

        Ohje, ich dachte, du hättest eine aufs Wesentliche reduzierte Seite. Das würde ich dir nämlich _dringend_ raten: Den Code soweit abspecken, dass nur noch das vermeintliche Problem übrig ist. Tritt es dann immer noch auf, hast du etwas Übersichtliches zum Experimentieren. Ist der Fehler dann weg, liegt es an etwas anderem, und das findest du raus, indem du den Rest Schritt für Schritt wieder drumherum baust.

        Übrigens macht der Server irgendwas, das meinem Firefox _überhaupt nicht_ gefällt: Er zeigt nämlich GAR NICHTS an. Eine leere weiße Seite. Nur den Seitentitel zeigt er mir an. Und _dieses_ Problem besteht schon auf der Login-Seite.

        dann kommt direkt die seite.

        Im IE, ja. Da sieht's nachher auch plausibel aus. Im FF kommt gar nix.
        So long,

        Martin

        --
        Lache, und die Welt wird mit dir lachen.
        Schnarche, und du schläfst allein.
        1. hallo,

          also das ganze ist eine uralt baustelle die ich jetzt
          neu machen will .. der ganze code ist chaos und schlecht ..
          aber die karte ist halt der ansatzpunkt ..
          tabellen und alle unsinnigen sachen sollen ja raus ...

          aber vielen dank soweit .. es waren wohl echt die leerzeichen die zuviel waren ...

          thx
          kai

          1. Hi,

            aber vielen dank soweit .. es waren wohl echt die leerzeichen die zuviel waren ...

            du meinst die bei den width- und height-Angaben?
            Darauf hatte ich dich ja hier schon hingewiesen.

            Ciao,

            Martin

            --
            Lache, und die Welt wird mit dir lachen.
            Schnarche, und du schläfst allein.
  2. Hallo kai,

    ich habe einen div:
    <div id="karte" name="karte"
    style="
    position:  relative;
    background-image: url(img/bg2.gif);

    Da hast du_______________^__________^

    in Wahrheit ja auch noch Anführungsstriche auf deiner zuvor im Thread genannten Seite gesetzt, was du aber besser so wie hier doch ohne machen solltest.

    width:660 px; height: 495 px;
    padding: 0px; margin:0 px ; " >

    Ich könnte mir auch vorstellen, dass Firefox die Leerzeichen zwischen den Zahlenwerten und der Einheit 'px' nicht mag.

    Ob das aber der Grund für die Verschiebung im Firefox ist, das weiß ich nicht.

    Das deinem DIV-Element mit der ID "karte" vorausgehende DIV-Element

    <div id="moveholder" style="position: relativ; "></div>

    kommt mir aufgrund seines ungültigen Wertes für Position allerdings auch seltsam vor, zumal ihm über das externe Stylesheet ja zunächst der gültige Wert "absolute" zugewiesen wird.

    Gruß Gernot