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

  • Suche
  • Hilfe
  • Lesezeichen
  • Benutzerliste
Themen
Beiträge
Moderatoren
Letzter Beitrag

IE und Safari zeigen Hintergrundbild in tr falsch an

joe_ma
Beiträge gesamt: 9

4. Aug 2008, 15:02
Beitrag # 1 von 7
Bewertung:
(2948 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)
X

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:
(2932 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:
(2922 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:
(2908 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:
(2903 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:
(2885 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:
(2879 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]
X

Aktuell

Veranstaltungskalender

Hier können Sie Ihre Anlässe eintragen, welche einen Zusammenhang mit den Angeboten von HilfDirSelbst.ch wie z.B. Adobe InDesign, Photoshop, Illustrator, PDF, Pitstop, Affinity, Marketing, SEO, Büro- und Rechtsthemen etc. haben. Die Einträge werden moderiert freigeschaltet. Dies wird werktags üblicherweise innert 24 Stunden erfolgen.

pdf-icon Hier eine kleine Anleitung hinsichtlich Bedeutung der auszufüllenden Formularfelder.

Veranstaltungen
14.05.2024

Online
Dienstag, 14. Mai 2024, 10.00 - 10.30 Uhr

Webinar

Prozessoptimierung ist ein Teamsport! Keine Software und keine Maschine allein kann Ihnen helfen, die Effizienzpotenziale Ihres Betriebes maximal auszuschöpfen. Von der Auftragsannahme über die Vorstufe und den Druck bis hin zur Weiterverarbeitung – alles muss optimal ineinandergreifen. Apropos Weiterverarbeitung – in vielen Druckbetrieben fristet sie in Sachen Prozessoptimierung immer noch ein Schattendasein. Dabei liegen hier mittlerweile die größten Einsparpotenziale! In einem Webinar von Horizon und Impressed erfahren Sie, wie Sie diese Einsparungen realisieren können. Horizon, bekannt für innovative Lösungen in der Druckweiterverarbeitung, bietet mit iCE LiNK eine Workflowlösung für die Weiterverarbeitung. iCE LiNK überwacht, visualisiert und analysiert Produktionsabläufe und unterstützt bei der Wartung – damit immer alles reibungslos läuft. Den gleichen Anspruch hat der von Impressed entwickelte Impressed Workflow Server – er ist die smarte PDF-Workflow-Lösung für Druckereien, die Datenmanagement, Preflight und Produktionssteuerung übernimmt. Im Webinar zeigen Ihnen die Experten von Horizon und Impressed, wie beide Lösungen im Team die Effizienz und Produktivität Ihres Betriebes steigern können. Melden Sie sich am besten gleich an, wir freuen uns auf Sie! PS: Melden Sie sich in jedem Fall an – sollten Sie zum Termin verhindert sein, erhalten Sie die Aufzeichnung.

kostenlos

Ja

Organisator: Impressed / Horizon

https://www.impressed.de/schulung.php?c=sDetail&sid=327

Einsparpotenziale in der Weiterverarbeitung
Veranstaltungen
16.05.2024

Online
Donnerstag, 16. Mai 2024, 10.00 - 10.30 Uhr

Webinar

Komplizierte, kleinteilige Aufträge; alles sehr speziell; seit Jahren bewährte Prozesse – da können wir nichts standardisieren und automatisieren! Das sagen viele Großformatdrucker – aber stimmt das wirklich, ist dem tatsächlich so? Günther Business Solutions und Impressed treten in einem Webinar den Gegenbeweis an. Experten beider Unternehmen zeigen, wie Großformatdrucker vom Einsatz zweier bewährter Lösungen profitieren können: • von advanter print+sign von Günther Business Solutions, dem ERP-System für den Großformatdruck, dass alle Phasen der Wertschöpfung im Large Format Printing abdeckt • von Impressed Workflow Server, der smarten PDF-Workflow-Lösung für Druckereien, die Datenmanagement, Preflight und Produktionssteuerung übernimmt Über die Kombination beider Lösungen können Großformatdrucker ihre Prozesse mit modernen Workflows Schritt für Schritt automatisieren – und so zügig deutliche Zeit- und Kosteneinsparungen realisieren. Das Webinar sollten Sie sich nicht entgehen lassen – damit Sie keine Effizienzpotenziale mehr liegen lassen. Melden Sie sich am besten gleich an, wir freuen uns auf Sie! PS: Melden Sie sich in jedem Fall an – sollten Sie zum Termin verhindert sein, erhalten Sie die Aufzeichnung.

kostenlos

Nein

Organisator: Impressed / Günther Business Solutions

https://www.impressed.de/schulung.php?c=sDetail&sid=326

Und es geht doch: Automatisierung im Großformatdruck!