1. Diese Seite verwendet Cookies. Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies. Weitere Informationen

Unterschiede IE / FF - Rowspan mit Hintergrundbild

Dieses Thema im Forum "CSS" wurde erstellt von JohnnyH, 25. April 2012.

  1. JohnnyH

    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 (Text):
    1.  
    2. #style2table {
    3.  
    4.  background-color: #fff;
    5.  width: 100%;
    6.  text-align: center;
    7. }
    8.  
    9. #style2table td {
    10.     background: url(td-vert.gif) repeat-y right top;
    11.     padding-top: 10px;
    12.     padding-bottom: 10px;
    13. }
    14.  
    15. #style2table tr {
    16.     background: url(td-horiz-even.gif) repeat-x left bottom;
    17.     background-color: #eeeeee;
    18.     padding-bottom: 12px;
    19. }
    20.  
    21. #style2table .even {
    22.     background-color: #eeeeee;
    23.     padding-bottom: 12px;  
    24. }
    25. #style2table .odd {
    26.     background-color: #F6F6F6;
    27. }
    28.  
    29.  
    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?
  2. SpiceLab

    SpiceLab ZENmechanic

    Ist fast anzunehmen, da Opera und Safari es wie gewünscht darstellen.

    Eine Lösung ist mir da nicht bekannt, was nicht heißen soll, dass es sie nicht gibt...
  3. JohnnyH

    JohnnyH Grünschnabel

    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.

Diese Seite empfehlen