2012-02-03 5 views
0

iWebKitを使用してモバイルiPhoneイントラネットサイトを設定しています。ほとんどのものは完璧に動作しますが、CSSを使用して自分のテーブルの書式設定を行うことはできません。CSSを使用したiWebKitでの表の書式設定は機能しません

何(HTMLがデータベースにクエリを使用して作成されているので、実際にASP)私は私のHTMLを持っている以下の通りです:

<div id="content"> 
    <ul class="pageitem"> 
     <li class="textbox"> 
     <table class="mytable"> 
      <tr> 
       <th>Type</th> 
       <th>Value1</th> 
       <th>Value2</th> 
       <th>Value3</th> 
       <th>Value4</th> 
      </tr> 
      <tr> 
       <th>First type</th> 
       <td>123</td> 
       <td>456</td> 
       <td>789</td> 
       <td class="targetok">159</td> 
      </tr> 
     </table> 
     </li> 
    </ul> 
</div> 

そして、私はiWebKitのCSSファイルに以下を追加しました:

.mytable { 
    border:1px solid black; 
    border-collapse:collapse; 
    font-family: Helvetica; 
    color:#000000; 
    font-size:20px; 
    width:100%; 
    height:35px; 
    padding:5px; 
    text-align:center; 
    -webkit-text-size-adjust:none; 
} 

.targetok { 
    background:#80FF80 
} 

私はいくつかの組み合わせを試しましたが(テーブルには、tr、thおよび/またはtdを.mytableに追加しています)、テーブルは決してフォーマットされていないようです。これは常に境界線がなく、小さなフォントで色付けされていません。

私はCSSについてよく知らないので、私はW3SCHOOLSのCSSの紹介にすばやく従いました。私が見る限り、構文は正しいです。

何かが見つからないようですが、見つからないようです。私の構文に何か間違っていますか?または、iWebKitは独自のCSSルールを追加できないのですか?

答えて

2

<style></style>タグ

にインラインスタイルを追加できます
0

原因を確認しました。

iPhoneのSafariは、CSSファイルを変更しても、そのファイルを更新していないようです。 しかし、CSSファイルを強制的にリフレッシュする方法については、きれいな方法はありません。これを新しい質問として入力します。 1があなたのバージョンである場合は、それはPHPの要求のようなものですので、SafariはこのCSSを取得します

<link href="your.css?1" rel="stylesheet" type="text/css" /> 

:?あなたはこのコードを使用することができますさわやか強制的に

関連する問題