IE macht einen Trennbalken bei Hintergrundgrafiken

**behaccr8d** · 31.08.2008 22:05

Hallo,

ich habe ein Problem bei folgendem Code in meinem Joomla-Template:

Code:

<table width = "947" border = "0" cellspacing = "0" cellpadding = "0">
	<tr>
	 <td>
		<img src = "http://www.battle4.de/templates/b4-07/images/kopfgrafik_2.gif"
                                     alt = "battle4.de - Gaming Is Something More!"
                                     width = "947"
                                     height = "20">
         </td>
	</tr>

	<tr>
	 <td>
		<img src = "http://www.battle4.de/templates/b4-07/images/kopfgrafik.jpg"
                                     alt = "battle4.de - Gaming Is Something More!"
                                     width = "947"
                                     height = "159">
	 </td>
	</tr>
</table>

Der Code setzt ein Hintergrundbild aus 2 verschiedenen Teilen zusammen.
Im Firefox ist die Darstellung absolut super.

Nur leider setzt der Internet Explorer einen störenden schwarzen Strich dazwischen.
Siehe Screenshots.

Firefox:

Internet Explorer:

Dieses Phänomen scheint ein echtes IE-Problem zu sein, denn auf einer anderen Webseite von mir habe ich genau dasselbe Problem.
Sobald ich zwei Tabellenzeilen hintereinander mit einem Hintergrundbild füllen möchte, kommt dazwischen eine Linie.
Obwohl ich bei meiner zweiten Seite das Bild ins background-Attribut des td-Tags der Tabelle geschrieben habe.

Kann man diesen Bug irgendwie beseitigen? Mit einem Browserhack o.Ä.?

Ich hoffe auf eure Hilfe

Benny

**Ben Kioo** · 31.08.2008 22:24

Auf die schnelle habe ich keine Lösung gefunden. Ich würde vorschlagen die Bilder mittels CSS als Hintergrundgrafiken einzubinden. Und vielleicht auch auf die Tabellen zu verzichten und die Struktur mit Divs umsetzen.

**behaccr8d** · 31.08.2008 22:31

Hi, danke für die Antwort.

Ich glaube die Lösung ist relativ simpel. Vor etwa 1 1/2 Jahren bin ich darüber sogar mal gestolpert, habe sie mir aber nicht notiert.
Ich hatte damals gelesen, dass man nur ein attribut hinzufügen muss. Welches das aber war, weiß ich leider nicht mehr.

Deswegen suche ich gerade verzweifelt danach!

**flobbie** · 31.08.2008 22:38

Hi,
es wäre gut, wenn du mal ein Link hättest. Das einzige was mir jetzt dazu einfällt wäre
http://www.carsten-protsch.de/zwisch...e/luecken.html
Mit freundlichen Grüßen
Flobbie

**Ben Kioo** · 31.08.2008 22:52

was noch funktioniert ist, wenn du den IMG ein align gibst. Zb beiden <img align="left"..> dann passts. Es gibt auch noch diese hspace und vspace Angaben, damit hat es aber glaube ich mal nichts zu tun.... und ansonsten -> CSS :-)

**behaccr8d** · 31.08.2008 22:57

Zitat von flobbie

Hi,
es wäre gut, wenn du mal ein Link hättest.

Link -> http://www.battle4.de/

@Ben Kioo:
Mit align="left" klappt es leider nicht.

EDIT: ES GEEEEEEEEEEEEEHT! VIELEN DANK!

Ich habe mir flobbie's Link durchgelesen und 2 der genannten Methoden ausprobiert...

Wenn ich <div>MEINEN CODE</div> in EINE EINZEILIGE ZEILE schreibe, gibt es keine nervige Linie mehr.

Die zweite Lösung, die ich jetzt auch verwende, ist Folgende:

- in der PHP-Datei -

<div id="header">MEIN CODE</div>

- in der CSS-Datei -

#header {
vertical-align:bottom;
}

Damit ich diese Lösung nicht wieder vergesse und sie für die Nachwelt erhalten bleibt, habe ich eine PDF draus gemacht (siehe Anhang).

**Ben Kioo** · 31.08.2008 23:07

Bist du dir sicher? Bei mir funktioniert das hier in IE6 und 7:

HTML-Code:

<table width = "947" border = "0" cellspacing = "0" cellpadding = "0">
	<tr>
	 <td>
		<img align="left" src = "http://www.battle4.de/templates/b4-07/images/kopfgrafik_2.gif"
                                     alt = "battle4.de - Gaming Is Something More!"
                                     width = "947"
                                     height = "20">
         </td>
	</tr>

	<tr>
	 <td>
		<img align="left" src = "http://www.battle4.de/templates/b4-07/images/kopfgrafik.jpg"
                                     alt = "battle4.de - Gaming Is Something More!"
                                     width = "947"
                                     height = "159">
	 </td>
	</tr>
</table>

Hab auch mal deine komplette Seite gespeichert und probiert -> Balken verschwindet.

Thema: IE macht einen Trennbalken bei Hintergrundgrafiken

LinkBack

Themen-Optionen

Thema durchsuchen

Anzeige

IE macht einen Trennbalken bei Hintergrundgrafiken

Erhielt Danksagungen von:

Erhielt Danksagungen von:

Lesezeichen

Lesezeichen

Berechtigungen