2010-12-02 11 views
0

Ich habe ein kleines Problem mit der Benutzeroberfläche in meinem Projekt. Ich verwende jQuery Templating, um Elemente zu der Seite hinzuzufügen, nachdem ein aufgerufener Prozess beendet wurde. Ich habe eine Tabelle auf der Seite und nur der Kopf der Tabelle hat Grenzen. Hier ist die CSS-Einstellung für die Header-Grenze:Phantom Grenzen erscheinen, nachdem ein Element der Seite hinzugefügt wurde

#mainContent thead tr td{ 
    border: 1px solid #bbbbbb; 
    border-collapse: collapse; 
    background-image: url(../images/columnheader_bg.png); 
    background-repeat: repeat-x; 
    background-color: #e2e2e2; 
    text-decoration: underline; 
    font-weight: bold; 
    padding: 5px; 
} 

Nach dem gerufene Prozess abgeschlossen ist und das Element wird durch die jQuery Templating hinzugefügt, die Grenzen für den Header erscheinen in der ersten Zeile des Körpers des Tisches. Es ist schwer zu erklären, also habe ich ein Screenshot-Video unter http://screencast.com/t/LD8SvpgV aufgenommen (beachten Sie, dass am Ende des Videos unter "Status" und "Action" die Grenzen erscheinen).

Wer hat eine Idee, was das verursacht und wie ich es entfernen kann?

Cheers,

Kia

+0

Meinst du vertikale Grenze zwischen den Spalten? Wenn ja, geben Sie ein CSS für tbody und td. – Lex

Antwort

0

Es ist schwer, das Problem exakt zu den Details, die Sie zur Verfügung stellen zu fixieren.

Erfolgt das nur bei einem bestimmten Browser?

Ich würde Ihnen empfehlen, Firebug Add-on für Firefox zu installieren und Ihre Untersuchung von dort aus zu tun.

+0

Ich habe Firebug und habe im CSS und im HTML geschaut und sehe nichts. Ich bin gestampft und habe nirgendwo eine Lösung gefunden. – Kianosh

Verwandte Themen