Joker: grafik fehler

hallo, ich hab da ein problem...
im nachfolgenden code passiert folgendes: die grafikdatei foot.jpg soll eigendlich meine seite abschließen...also dierekt unter content_bg.jpg erscheinen, im IE gehts auch wunderbar wie immer, aber im mozilla wird es falsch dagestellt, foot.jpg erscheint im content_bg.jpg und nicht dadrunter. weiß einer eine lösung? bitte keine tabellen vorschläge.

html datei

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
  <html>
    <head><meta http-equiv="expires" content="0">
      <link rel="stylesheet" type="text/css" href="images/style.css">
    </head>
    <body>
      <div id="content" align="center" style="background-image:url(images/content_bg.jpg)">
        <table border="0" width="97%" id="text">
          <tr>
            <td align="left" valign="top">test</td>
          </tr>
        </table>
      <img style="border:0;" src="images/foot.jpg" alt=""></div>
    </body>
  </html>

css datei

#content {
 width    : 1024px;
 float    : left;
}

#text {
 font-size   : 11px;
 font-family   : Helvetica, Verdana, sans-serif;
 color    : #000000;
 padding-left   : 10px;
      }

danke
mfg Joker

  1. Hi Joker!

    (...)IE gehts auch wunderbar wie immer(...)

    Weil nämlich der IE nicht das macht, was da steht, wie immer, der FF halt schon.
    Ich würd' dir mal vorschlagen die Schachtelung deiner Tags genau zu betrachten... der div hat als Hintergrund ein Bild, in ihm ist ein image tag...
    also entweder den Hintergrund in die Tabelle oder den Image Tag hinter den div verlegen - du kannst es dir aussuchen.

    Grüsse,
    Richard

    1. also entweder den Hintergrund in die Tabelle oder den Image Tag hinter den div verlegen - du kannst es dir aussuchen.

      »»
      hintergrund in die tabelle geht nicht da der code gekürzt ist und eigendlich länger ist und das hintergrund mehr als nur die tabelle normalerweise abdeckt.

      image nach dem div zu legen hab ich auch schon gemacht/probiert...habe aber dann nen großen abstand zum hintergrundbild und bekomme diesen nicht weg :-/ wenn du dafür evt ne lösung hättest wäre ich noch nen schritt weiter ;-)

      1. Hoi!

        Schon margin:0 versucht?

        1. Schon margin:0 versucht?

          ja hab ich schon ( auch direkt  margin-bottom:0; / margin-top:0; ) :-(

          1. Alos gut.

            Ich hab grad mal Deinen Code ausprobiert:

              
            <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">  
              <html>  
                <head><meta http-equiv="expires" content="0">  
                  <link rel="stylesheet" type="text/css" href="images/style.css">  
                </head>  
                <body>  
                  <div id="content" align="center" style="background-image:url(logo.gif)">  
                    <table border="0" width="97%" id="text">  
                      <tr>  
                        <td align="left" valign="top">test</td>  
                      </tr>  
                    </table>  
                  </div>  
                  <img style="border:0;" src="grey.gif" alt="">  
                </body>  
              </html>  
            
            

            Die beiden Grafiken sind einfach nur farbige kleine Flaechen. Bei mir ist da kein Abstand. (IE6 - was anderes hab ich grad nicht)

            1. Die beiden Grafiken sind einfach nur farbige kleine Flaechen. Bei mir ist da kein Abstand. (IE6 - was anderes hab ich grad nicht)

              da gib ich dir recht, beim ie ist es "natürlich" wieder "richtig" dagestellt... aber mozilla nicht...

              1. Hi!

                Versuch doch mal margin:0; padding:0 bei beiden Elementen (div & image)

                Grüsse,
                Richard

                1. Versuch doch mal margin:0; padding:0 bei beiden Elementen (div & image)

                  hab ich, geht auch nicht, hab das image dahinter auch versucht in ein extra div tag zu setzten und da ebenfalls padding/margin angewand... geht alles nicht

                  aber es kann doch auch nicht so schwer sein als abschließendes hintergrund bild ein img einzubinden (ohne tabellen) :-(

                  1. was passiert denn wenn du es in ein DIV packst und diesem einen Rahmen gibst? Wo genau ist denn der Abstand? Irgendeinelement muss ihn ja verursachen.

                    1. der abstand bleibt so wie er ist...direkt unterm hintergrundbild mit nen abstand von ca 5mm...egal was ich mache der abstand geht nicht weg :/

                      hab auch alles mögliche probiert...kann nicht kurz mal einer mein code nehmen und einfach bei sich selber (nicht mit dem ie) testen? anstatt ein bild schnell mal 2 verschiedende farben auswählen...evt hat ja jemmand dann ne lösung (vielleicht mach ich auch nur was falsch).

                      1. Haett ich hier was anderes waer das schon geschehen.

                      2. Vanakkam!

                        Wie sieht denn Dein Code zur Zeit aus?
                        Mit dem aus dem Ausgangsposting liegt das untere Bild sowohl im IE als auch im Firefox innerhalb des divs - was auch logisch ist, da Du das div erst dahinter schließt.

                        der abstand bleibt so wie er ist...direkt unterm hintergrundbild mit nen abstand von ca 5mm...egal was ich mache der abstand geht nicht weg :/

                        Was für ein Abstand? Seit ich das </div> vor das <img ...> verschoben habe, ist das Bild darunter, in beiden Browsern ohne Abstand. Poste bitte noch mal Deinen aktuellen Quelltext.

                        Viele Grüße vom Længlich

  2. im nachfolgenden code passiert folgendes: die grafikdatei foot.jpg soll eigendlich meine seite abschließen...also dierekt unter content_bg.jpg erscheinen, im IE gehts auch wunderbar wie immer, aber im mozilla wird es falsch dagestellt, foot.jpg erscheint im content_bg.jpg und nicht dadrunter. weiß einer eine lösung? bitte keine tabellen vorschläge.

    Du hast doch selber da schon eine völlig überflüssige Tabelle.

    #content {
    width    : 1024px;
    float    : left;
    }

    Wozu das float?

    Ich hab keine Ahnung warum du mit float und width arbeitest, es ist aber kein Problem zwei Elemente untereinander anzuordnen.

    Struppi.