Unterschiede IE / FF - Rowspan mit Hintergrundbild

JohnnyH

Grünschnabel
Hallo,

ich bin am verzweifeln, was die Gestaltung der Tabelle angeht. Im Endeffekt versuch ich das Design mit 2 Grafiken zu realisieren (vertikale und horizontale Linien). Allerdings wird das Ergebnis unterschiedlich dargestellt, wobei IE es so zeigt, wie ichs haben möchte. Es sollen die letzten 3 Zeilen in der ersten Spalte verbunden werden.

http://testeo.lima-city.de/test.html

Code:
#style2table {

 background-color: #fff;
 width: 100%;
 text-align: center;
}

#style2table td {
	background: url(td-vert.gif) repeat-y right top;
	padding-top: 10px;
	padding-bottom: 10px;
}

#style2table tr {
	background: url(td-horiz-even.gif) repeat-x left bottom;
	background-color: #eeeeee;
	padding-bottom: 12px;
}

#style2table .even {
	background-color: #eeeeee;
	padding-bottom: 12px;	
}
#style2table .odd {
    background-color: #F6F6F6;
}

Kurz: Der FF erweitert die Hintergrundgrafik nicht auf die zusammengefügten Zeilen (die gepunktete Linie sollte eigentlich nach unten, an den Rand).

Liegt der fehler an mir? Ist das ein FF bug?
 
Danke trotzdem für die Antwort. Ich hab ein kleines Workaround entdeckt:
Mit der Positionsangabe "top" statt "bottom" bei den Bildern funktioniert es in allen Browsern, man muss die Bilder dann halt dementsprechend anpassen.

Der fehler taucht also nur bei der Ausrichtung am unteren Zellenrand auf.
 

Neue Beiträge

Zurück