Warum wird Safari CSS Tabellenzeile (tr) Höhenattribute nach erneuten draw ignorieren?

StackOverflow https://stackoverflow.com/questions/1627083

Frage

Ich bin zu kämpfen CSS-Styling zu einem GWT (Google Web Toolkit) generierten HTML-Tabelle in Safari anzuwenden. Insbesondere kann ich nicht Safari erhalte die Höhe Attribut einer Tabellenzeile zu respektieren, nachdem ich jede Art von Wiederaufnahme der Tabelle auslösen.

Das folgende Grund Beispiel verdeutlicht das Problem: 

<html>
    <head>
        <style type="text/css">
            tr {
                height: 50px;
                font-weight: bold; /* added to prove that other style rules are re-applied when enabling css again */
            } 
        </style>
    </head>
    <body>
        <table border="1px">
            <tr>
                <td>one</td>
                <td>two</td>
                <td>three</td>
            </tr>
        </table>
    </body>
</html>

Wenn ich diese Seite in Safari öffnen macht es richtig auf dem ersten. Wenn ich wähle, dann „disable Stile“ aus dem Menü entwickeln und dann sofort wieder aktivieren, sie wieder wird die heigh Regel ignoriert und die Höhe der Tabellenzeile wird wie folgt berechnet, ob sie gesetzt wurden auf „auto“.

Das ist genau das, was passiert, wenn Zeilen / Zellen hinzugefügt oder programmatisch in meinem GWT Flextable entfernt.

Wer weiß, was dieses Verhalten verursacht und wenn es eine Abhilfe, die benötigt keine feste Höhe auf der gesamten Tabelle Einstellung?

Details: Laufende Safari Version 4.0.3 (5531,9) auf Mac OSX Leopard
Das Problem tritt auch den GWT Hosted-Modus Browser (Safari, die im Wesentlichen ist, wenn es auf einem Mac ausgeführt wird)

War es hilfreich?

Lösung

TR Tags haben keine Höhe Attribut in den W3C-Spezifikationen. Sie sollten die Höhe der TD Tags gesetzt enthält, statt.

Andere Tipps

WebKit ist für die Leistung optimiert und weigert sich manchmal bestimmte Bereiche neu zu zeichnen, wenn sie denkt, dass es nicht hat. Sie könnten in der Lage sein, dies zu umgehen, indem ein Gesamt redraw auslösenden z.B. die Größe des Fensters von 1px und 1px zurück (es muss eine intelligentere Art sein).

Lizenziert unter: CC-BY-SA mit Zuschreibung
Nicht verbunden mit StackOverflow
scroll top