Tabelle Hintergrundbild

[weissNix]

Ich habe mit css ein Hintergrundbild für eine Tabelle erstellt.

.table_header { width:970px; padding:0px; border:1px solid black; border-spacing:0px; border-color:000000; background-image:url(../images/header.JPG)}

Mit dem IE wird das ganze ohne Probleme dargestellt beim Firefox wird aber weder der border noch das Hintergrundbild gezeigt und ich habe keine Ahnung wie ich das nun bei Firefox richtig hinkriege. Kann mir da vielleicht jemand helfen.

http://www.swiss-fun.com/swiss-fun/

 

[Antoine Johannes]

Hallo,
Deine Angaben bilden eine erschwerniss das Problem zu finden, meiner Meinung liegt es an folgendem
1. Die Grafik heisst header.jpg, die Endung ist klein geschrieben, in Deinem Beispiel hast du die Endung .JPG gross geschreiben.
2. Die richtige URL zur Grafik lautet: http://www.swiss-fun.com/images/header.jpg, relative Pfade machen öffters Probleme, sie werden von IE und Mozilla anders gehandhabt.
Für eine schnellere Antwort wäre es gut wenn Die Fragen präziser formulieren könntest.
gruss
antoine

 

[weissNix]

Hmjo aber die richtige Datei ist eigentlich http://www.swiss-fun.com/swiss-fun/images/header.JPG das style.css file leigt im Ordner css.

CODE
<table class="table_header">
<tr>
<!-- Header_Links -->
<td class="td_header_links">
<?PHP
include("scripte/header/uhr.php");
?>
</td>
<!-- Header_Mitte -->
<td class="td_header_mitte">
<!-- Leer -->
</td>
<!-- Header_Rechts -->
<td class="td_header_rechts">
<object classid="CLSID:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://active.macromedia.com/flash2/cabs/swflash.cab#version=4,0,0,0 width="150" height="83">
<param name="movie" VALUE="scripte/header/Wurfel.swf">
<param name=wmode VALUE=transparent>
<embed src="scripte/header/Wurfel.swf" quality="high" wmode="transparent" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="150" height="83"></embed>
</object>
</td>
</tr>
</table>


css datei


CODE .table_header { width:970px; padding:0px; border:1px solid black; border-spacing:0px; border-color:000000; background-image:url(http://www.swiss-fun.com/swiss-fun/images/header.JPG)}
.td_header_links { width:165px; }
.td_header_mitte { width:655px; }
.td_header_rechts { width:160px;}


So sehen die Dateien aus beim IE sieht alles normal aus, bei Firefox sieht man weder den border noch das Hintergrundbild

 

[Sascha Ahlers]

QUOTE (weissNix @ Sa 5.11.2005, 0:59)
QUOTE .table_header { width:970px; padding:0px;  border:1px solid black; border-spacing:0px; border-color:000000; background-image:url(http://www.swiss-fun.com/swiss-fun/images/header.JPG)}
.td_header_links { width:165px; }
.td_header_mitte { width:655px; }
.td_header_rechts { width:160px;}


So sehen die Dateien aus beim IE sieht alles normal aus, bei Firefox sieht man weder den border noch das Hintergrundbild

Kontrolliere erstmal Deine Seite und die CSS Datei, ob diese auch W3C [1] Konform sind. Deine CSS Datei z. B. enthält mindestens einen Fehler bei der Angabe des Farbwertes (siehe oben).
Ansonsten muss man eigentlich auch gar nicht erst anfangen nach irgendwelchen Problemen zu suchen. Besonders da sich einige Probleme schon alleine dadurch lösen lassen indem erstmal der Code bereinigt wird, mit dem man selber arbeitet.


Falls das nicht wirkt, wie verhält es sich bei den Tabellen-Zellen (TD oder TH)?


<edit>
Bei HTML-Code das gleiche Problem:


QUOTE <table class="table_header">
<tr>
<!-- Header_Links -->
<td class="td_header_links">
<?PHP
include("scripte/header/uhr.php"
?>
</td>
<!-- Header_Mitte -->
<td class="td_header_mitte">
<!-- Leer -->
</td>
<!-- Header_Rechts -->
<td class="td_header_rechts">
<object classid="CLSID27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://active.macromedia.com/flash2/cabs/swflash.cab#version=4,0,0,0 width="150" height="83">
<param name="movie" VALUE="scripte/header/Wurfel.swf">
<param name=wmode VALUE=transparent>
<embed src="scripte/header/Wurfel.swf" quality="high"wmode="transparent" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="150" height="83"></embed>
</object>
</td>
</tr>
</table>

</edit>



MfG Sascha Ahlers

[1] W3C