IE und Safari zeigen Hintergrundbild in tr falsch an

[Gast] Foren Web allgemein HTML und CSS / Stylesheets IE und Safari zeigen Hintergrundbild in tr falsch an

Web allgemein

Themen

Beiträge

Moderatoren

Letzter Beitrag

HTML und CSS / Stylesheets

1193

6413

FSt

19. Dez 2022, 21:28

Vitus

joe_ma

Beiträge gesamt: 9

4. Aug 2008, 15:02
Beitrag # 1 von 7
Bewertung:
(2880 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

Hallo

Ich möchte ein Hintergrundbild mit einem horizontalen Farbverlauf in einer Tabellenzeile einfügen. D.h. der Farbverlauf soll in dieser Zeile über die ganze Tabellenbreite gehen. Ich habe daher im entsprechenden <tr> dieses Bild als Hintergrund definiert. In Firefox und Opera funktioniert das wie gewünscht. IE 6 und - dem Vernehmen nach - Safari wiederholen das Bild jedoch in jeder Zelle dieser Tabellenzeile immer wieder vom Anfang her. Wie kann ich denen beibringen, dass sie das Bild nur einmal und zwar in der Zeile einfügen?

Zu sehen ist das hier:
http://www.karoag.ch/...content.php?idcat=10

Danke für Hinweise.

Gruss
Jörg

(Dieser Beitrag wurde von SabineP am 4. Aug 2008, 15:28 geändert)

IE und Safari zeigen Hintergrundbild in tr falsch an

SabineP

Beiträge gesamt: 7586

4. Aug 2008, 15:29
Beitrag # 2 von 7
Beitrag ID: #361394
Bewertung:
(2864 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

Hallo Jörg,

um welches Hintergrundbild geht es denn?

Vielleicht findest Du hier schon die Lösung:
http://www.w3.org/...20070302/test534.htm

als Antwort auf: [#361388]
(Dieser Beitrag wurde von SabineP am 4. Aug 2008, 15:33 geändert)

IE und Safari zeigen Hintergrundbild in tr falsch an

joe_ma

Beiträge gesamt: 9

4. Aug 2008, 15:45
Beitrag # 3 von 7
Beitrag ID: #361400
Bewertung:
(2854 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

Hallo Sabine

Vielen Dank für die rasche Antwort.

Antwort auf [ SabineP ] um welches Hintergrundbild geht es denn?

Um den gelben Balken im Kopfbereich der Senderliste, also hinter «Logo, Nr. Sender ...». Der gelbe Farbverlauf sollte bei «Logo» anfangen und bis zum rechten Ende der Tabelle gehen. IE6 fängt mit dem Verlauf bei jeder Zelle neu an, also auch bei «Nr.» «Land» etc., obwohl das HIntergrundbild im <tr>-Tag definiert ist und nicht im <td>-Tag.

Antwort auf [ SabineP ] Vielleicht findest Du hier schon die Lösung:
http://www.w3.org/...20070302/test534.htm

Leider finde ich da keine Lösung für mein Problem.

als Antwort auf: [#361394]

IE und Safari zeigen Hintergrundbild in tr falsch an

SabineP

Beiträge gesamt: 7586

4. Aug 2008, 16:34
Beitrag # 4 von 7
Beitrag ID: #361417
Bewertung:
(2840 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

Hallo Jörg,

hier ist ein Schreibfehler:
postition: relative;

Zuerst diesen Fehler korrigieren und erneut die Seite im IE6 testen.

Und anschließend mit dieser Änderung testen (ungetestet, da kein IE6 verfügbar):

vorher:

tr.tablehead
tr.tablehead td

nachher:

.tablehead
.tablehead td

als Antwort auf: [#361400]

IE und Safari zeigen Hintergrundbild in tr falsch an

joe_ma

Beiträge gesamt: 9

4. Aug 2008, 16:53
Beitrag # 5 von 7
Beitrag ID: #361425
Bewertung:
(2835 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

Hallo Sabine

Antwort auf [ SabineP ] hier ist ein Schreibfehler:
postition: relative;

Uiii, wie peinlich! Danke für den Hinweis.

Antwort auf [ SabineP ] Und anschließend mit dieser Änderung testen (ungetestet, da kein IE6 verfügbar):

vorher:

tr.tablehead
tr.tablehead td

nachher:

.tablehead
.tablehead td

hat leider auch nix gebracht.

Gruss
Jörg

als Antwort auf: [#361417]

IE und Safari zeigen Hintergrundbild in tr falsch an

SabineP

Beiträge gesamt: 7586

4. Aug 2008, 17:35
Beitrag # 6 von 7
Beitrag ID: #361437
Bewertung:
(2817 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

Hallo Jörg,

der IE wiederholt offenbar das Hintergrundbild in jeder Zelle.
Daran kann man wohl nichts ändern.

Du kannst das Bild aber als Hintergrundbild für die Tabelle einsetzen,
dann wiederholt er es nicht (in IE4 getestet).

Hier ist der Code, den ich gerade im IE4 getestet habe:

Code

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
 
<title>Karo AG - Radio Senderübersicht digital</title> 
<style type="text/css"> 
.tablehead { 
	background-image: url(http://www.karoag.ch/cms/upload/bullets/balken-gelb-20x636.jpg); 
	background-repeat: no-repeat; 
} 
</style> 
 
</head> 
 
<body> 
<table border="0" cellspacing="0" cellpadding="0" class="tablehead"> 
<tr> 
<td width="50">&nbsp;Logo</td> 
<td width="40">Nr.</td> 
<td width="200">Sender</td> 
<td width="180">Land</td> 
<td width="70">&nbsp;</td> 
</tr> 
</table> 
</body> 
</html>

als Antwort auf: [#361425]
(Dieser Beitrag wurde von SabineP am 4. Aug 2008, 17:36 geändert)

IE und Safari zeigen Hintergrundbild in tr falsch an

joe_ma

Beiträge gesamt: 9

4. Aug 2008, 17:50
Beitrag # 7 von 7
Beitrag ID: #361439
Bewertung:
(2811 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

Yuppppppiiiiiiiieee!!

Genau das ist die Lösung. Weiss auch nicht, warum ich nicht selber drauf gekommen bin.

Vielen, vielen Dank!

Lieber Gruss
Jörg

als Antwort auf: [#361437]

Aktuell

PDF / Print

Neue Version des Impressed Workflow Servers

| 23.03.2023

Weitere Events

Neuste Foreneinträge

von PDF-Einzelseite mehrere Nutzen auf den Papierbogen drucken

Verlauf druckbar? Smooth Shades VS. Stï¿½rung in Photoshop

Adobe Firefly: Generative KI auf dem Weg nach Photoshop und Illustrator

Monterey: Freigaben, aber nicht wirklichï¿½

PDF Formular

WORD: Lassen sich Suchdurchlï¿½ufe zusammenfassen?

WORD: Suchergebnis Anzeige nicht sichtbar

Ankerpunkt verschieben ï¿½alteï¿½ Form soll solange gezeigt werden

Formular

Interaktives PDF InDesign erstellen: Bei eingebetteter Animation werden die Rahmenkantenvorgaben nicht ï¿½bernommen.

Weitere Stellenangebote