IEx und background-image und background-repeat

[modr]

Hi folks,

bei dem unten stehenden code bekomme ich beim FF in der ersten TD meine gewünschte Grafik und in der zweiten meine an die erste Zelle angefügtes sich wiederholendes background-image, allerdings im IEx (mindestens in der Version 6.) gar kein Hintergrundbild.

Kann mir jemand einen Tipp geben, woran das liegt? danke im Voraus

<table border="0" width="100%" cellspacing="0" cellpadding="0">
<tr>
    <td width="592">
        <p align="left"><img border="0" src="images/logo3.gif" width="592" height="219" alt="logo"></td>
    <td style="background-image:url(./images/logobg3.gif); background-repeat:repeat-x;" valign="bottom">&nbsp;</td>  
  </tr>
</table>

[jayjay]

ich kenne deine verzeichnisstruktur nicht aber versuch das mal:

<table border="0" width="100%" cellspacing="0" cellpadding="0">
    <tr>
        <td style="text-align:left; width:592;"><img border="0" src="images/logo3.gif" width="592" height="219" alt="logo"></td>
        <td style="background-image:url(images/logobg3.gif); background-repeat:repeat-x; background:url(./images/logobg3.gif) repeat-x center center; vertical-align:bottom">&nbsp;</td>
    </tr>
</table>

am besten einen link mitposten

[modr]

am besten einen link mitposten

Hallo Jayjay,

danke für Die Antwort. Ich habe verzweifelt gesucht, wo ich diese Frage gestellt habe, und habe es erst jetzt wieder gefunden. Ich dachte ich wäre bei einem anderen Forum gewesen, aber ich hatte mich dich wieder hier angemeldet nachdem ich nach 3 Monaten bei TP "ausgeladen" wurde:-(

anbei mal der link: Page. (oben rechts, blauer Balken)

Dank im Voraus

[jayjay]

o mann, da war ich wohl etwas blind.

der bg ist doppelt drin:

<table border="0" width="100%" cellspacing="0" cellpadding="0">
    <tr>
        <td style="text-align:left; width:592;"><img border="0" src="images/logo3.gif" width="592" height="219" alt="logo"></td>
        <td style="background:url(./images/logobg3.gif) repeat-x center center; vertical-align:bottom">&nbsp;</td>
    </tr>
</table>

ausserdem du machst in der table ein absatz auf (p) und machst als zelle zu

     <p align="left"><img border="0" src="images/logo3.gif" width="592" height="219" alt="logo"></td>

[MrMurphy]

Hallo,

das Problem kann ich mit meinem IE 6.0 nachvollziehen.

Die Ursache für das Problem hat aber nichts mit dem background-repeat zu tun sondern mit der Gestaltung mittels Tabellen.

Die Zeile besteht aus aus zwei Zellen, links die mit dem Logo, daneben die, in der sich die Hintergrundgrafik wiederholen soll.

Die Linke mit dem Logo hat als Vorgabe die Breite der Grafik bekommen, nämlich 592 (wobei ich immer auch die Einheit px dahinter schreiben würde, ansonsten können die Browser damit im Prinzip machen, was sie grade für sinnvoll halten).

Für die Zelle mit der Hintergrundgrafik wurde keine Breite vorgegeben und damit den Browsern die freie Wahl gelassen, wie sie die Breite interpretieren.

Der Firefox hängt die Zelle direkt an die links davon an und erweitert die Breite bis zum rechten Rand und schaut dann, welchen Inhalt sie bekommen soll.

Der IE 6.0 schaut erst mal nach, welchen Inhalt die Zelle hat und passt die Zelle dem Inhalt an, also einmal genau die Breite der Hintergrundgrafik. Dann fügt er die Zelle mit der benötigten Breite am rechen Rand an. Anschließend will er auch noch gerne die Hintergrundgrafik wiederholen, hat die Breite aber bereits selbst festgelegt und deshalb dafür keinen Platz mehr.

Ich habe die Zeile

<td style="background-image:url(./images/logobg3.gif); background-repeat:repeat-x;" valign="bottom">&nbsp;</td>

einfach mal um width="100%" ergänzt

<td width="100%" style="background-image:url(./images/logobg3.gif); background-repeat:repeat-x;" valign="bottom">&nbsp;</td>

und auch im IE 6.0 wird die Zelle wie gewünscht angezeigt.

Das ist einfach nur eine Lösung auf die schnelle, ob die sauber ist, also in allen Browsern funktioniert, kann ich nicht sagen, da ich selbst Tabellen auch nur für Tabellen benutze und nicht zur Gestaltung von Seiten.

Gruss

MrMurphy

[modr]

vielen Dank für die Antworten. Ich werde es gleich mal probieren hinzubekommen. Wenn ich es geschafft habe, melde ich mich noch eineml ... wenn nicht vielleicht auch;-).

Dank