Ahhrg Mozilla u. Firefox mal wieder

[dragonlord]

Ich muss vorweg erstmal etwas Dampf ablassen.
Immer wird gesagt das der IE angeblich CSS nicht richtig darstellen würde aber der Mozilla/Firevox ja so toll CSS kann und alles nach Standart. Und IE würde nur Probleme machen. Das ist doch völliger Quatsch. Ich hatte mit CSS und dem IE noch nie Probleme aber NUR mit Mozilla und Co.

Hier nun Mein Problem.
Geht mal bitte auf meine Seite:
www.geht-was-ab.de

Mit dem IE sehen die Unterseiten der Tabellen in der Mitte aus wie sie sollen.
Mit Mozilla natürlich nicht. Er Kachelt das Hintergrundbild der Tabelle komplett und
nicht wie vorgesehen nur in X - Richtung.


Hier der CSS Code:

.TabKachelX {
 background-repeat: repeat-x;
}

Hier der zugehörihe HTML Konstrukt:

<table width="85%" border="0" align="center" cellpadding="0" cellspacing="0" class="TabKachelX">
		<tr> 
		  <td width="4%" valign="top"><img src="grafics/rand_unterseite_links.jpg" width="23" height="13"></td>
		  <td width="94%" background="grafics/rand_unterseite.jpg">&nbsp;</td>
		  <td width="2%" valign="top"><div align="right"><img src="grafics/rand_unterseite_rechts.jpg" width="23" height="13"></div></td>
		</tr>
	  </table>

Gruss
Dragonlord

 

[Quaese]

Hi,

dein Problem ist wohl weniger falsch interpretiertes CSS durch Mozilla-Engines als das verwendete
background-Attribut. Firefox stellen den Hintergrund in der Tabellenzelle korrekt dar. Die Angabe
für die Wiederholung des Hintergrunds wurde für die Tabellenzeile angegeben.

Am besten die Grafik als Hintergrundgrafik in das CSS mit einfügen und die Klasse der Zelle zuweisen.

CSS:

.TabKachelX { background: url(grafics/rand_unterseite.jpg) repeat-x;}

HTML:

<table width="85%" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td width="4%" valign="top"><img src="http://www.geht-was-ab.de/grafics/rand_unterseite_links.jpg" width="23" height="13"></td>
    <td width="94%" class="TabKachelX">&nbsp;</td>
    <td width="2%" valign="top"><div align="right"><img src="http://www.geht-was-ab.de/grafics/rand_unterseite_rechts.jpg" width="23" height="13"></div></td>
  </tr>
</table>

Ciao
Quaese

 

[dragonlord]

Wieso klappt das dann im IE?

Gibt es keine andere Lösung? Ich will nicht jede Tabelle auf jeder Seite umstellen.
Weil wie gesagt. IM IE Klappt es. Und der Code wurde von Dreamweaver erzeugt.



Gruss