Autor |
Nachricht |
nel
Threadersteller
Dabei seit: 18.09.2004
Ort: Köln
Alter: -
Geschlecht:
|
Verfasst Di 06.07.2010 17:44
Titel kleines Chrome table problem |
|
|
http://enchained-art.net/krams/tab/tabelle.html
in diesem beispiel hat meine tr (per inlinestyle) eine hintergrundgrafik bekommen, diese soll genauso angezeigt werden wie im firefox.
ich glaub ich brauche garnicht solang erklären was nicht funktioniert, das sieht man selbst. im chrome wird das hintergrundbild vom tr auf jeden fall bei jedem th wieder neu begonnen - was es aber nicht sollte
leider kann bzw darf ich am markup nichts ändern, also der table thead tr th aufbau muss genau so bleiben, und ich muss NUR mittels css eine hintergrundgrafiken einfügen können, die hinter dem kompletten table head oder tr hinterlegt ist.
nur der chrome will da nicht so ganz mitspielen. hat jemand eine idee?
hier kurz ein screenshot für alle die keinen chrome haben
und hier der KOT
hab das nur schnell in eine beispieldatei gepackt, bitte nicht wundern
Code: |
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html class="js" dir="ltr" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>
</head>
<body>
<table>
<thead>
<tr style="background: url(msg_list_top.png) no-repeat top left; height: 27px;">
<th>text</th>
<th>text</th>
<th>text</th>
<th>text</th>
</tr>
</thead>
</table>
</body>
</html>
|
|
|
|
|
|
Kash
Dabei seit: 07.11.2002
Ort: Schopfheim
Alter: 41
Geschlecht:
|
Verfasst Di 06.07.2010 17:54
Titel
|
|
|
Inline-Style ist verboten
Kannst Du nicht das Element über CSS direkt ansprechen.
Code: | table thead {
background:foo !important;
}
table thead th {
background:bar !important;
} |
Das wäre jetzt mein Versuch.
|
|
|
|
|
Anzeige
|
|
|
nel
Threadersteller
Dabei seit: 18.09.2004
Ort: Köln
Alter: -
Geschlecht:
|
Verfasst Mi 07.07.2010 09:39
Titel
|
|
|
Kash hat geschrieben: | Inline-Style ist verboten
Kannst Du nicht das Element über CSS direkt ansprechen.
Code: | table thead {
background:foo !important;
}
table thead th {
background:bar !important;
} |
Das wäre jetzt mein Versuch. |
das hat leider nicht funktioniert
|
|
|
|
|
top
Moderator
Dabei seit: 25.11.2003
Ort: Hedwig Holzbein
Alter: 52
Geschlecht:
|
Verfasst Mi 07.07.2010 09:52
Titel
|
|
|
Ich würde es ganz vermeiden dem tr oder dem thead ein Hintergrundbild zuzuweisen. Wie man an den weißen Abständen sieht, scheinen die verschiedenen Browser das Bild ja dann nur innerhalb von td bzw. th das Hintergrundbild darzustellen. Welche Ausrichtung da richtig oder falsch ist, scheinen die Meinungen ja auseinander zu gehen. (Der IE6 stellt es zum Beispiel auch wie der Chrome dar.)
|
|
|
|
|
nel
Threadersteller
Dabei seit: 18.09.2004
Ort: Köln
Alter: -
Geschlecht:
|
Verfasst Mi 07.07.2010 10:02
Titel
|
|
|
top hat geschrieben: | Ich würde es ganz vermeiden dem tr oder dem thead ein Hintergrundbild zuzuweisen. Wie man an den weißen Abständen sieht, scheinen die verschiedenen Browser das Bild ja dann nur innerhalb von td bzw. th das Hintergrundbild darzustellen. Welche Ausrichtung da richtig oder falsch ist, scheinen die Meinungen ja auseinander zu gehen. (Der IE6 stellt es zum Beispiel auch wie der Chrome dar.) |
wenn du eine andere lösung hast ohne hintergrund am tr bzw thead, dann nur her damit - wie gesagt - das markup muss so bleiben ich find das ja auch nicht schön
|
|
|
|
|
Kash
Dabei seit: 07.11.2002
Ort: Schopfheim
Alter: 41
Geschlecht:
|
Verfasst Mi 07.07.2010 10:06
Titel
|
|
|
Kann man das mal Online sehen?
|
|
|
|
|
nel
Threadersteller
Dabei seit: 18.09.2004
Ort: Köln
Alter: -
Geschlecht:
|
|
|
|
|
heiko_rs
Dabei seit: 06.02.2008
Ort: Berlin
Alter: -
Geschlecht:
|
|
|
|
|
|
|
|
Ähnliche Themen |
Google Chrome :hover Problem
Problem: Chrome CSS Footer Ausrichtung
Problem mit margin im Google Chrome
HTML Problem - Table springt
Problem mit Darstellung in einigen Chrome-Versionen
Jssor Slider und Chrome Retina Problem
|
|