Chromeはdivやスパンを再レンダリングしません。

私はしばらくの間、グーグルでグロッピングしています。まだ解決策を見つけていない。私はいくつかのサンプルHTMLを添付しています。これは、DNNで使用されるサードパーティのパッケージによって生成されます。 Chromeは、指定されたとおりに要素を表示できません。 IE9とFFは問題ありません。コメントは感謝しています。Chromeはdivやスパンを再レンダリングしません。

<div> 
    <table align="left" sizcache="18" sizset="196" style="height: 100%;"> 
      <tbody sizcache="18" sizset="196"> 
       <tr> 
       <td> 
        <span> 
        I can see this element... 
        </span> 
       </td> 
      </tr> 
      <tr> 
       <td colspan="2"> 
        <div style="width: 100%; height: 100%; overflow-x: auto; overflow-y: auto;"> 
         <span style="width: 450px; height: 100px; display: inline-block;"> 
         You can see me in IE9, Firefox, but not Chrome!!! 
         </span> 
        </div> 
       </td> 
      </tr> 
      <tr> 
       <td style="height: 10px;" colspan="2"> 
       ... and this element. 
       </td> 
      </tr> 
     </tbody> 
    </table> 
</div>

出典

2011-08-09 soulia

コードをHTMLにスローしましたTextPadによって生成されたページであり、Chromeで正常に動作します。 DocTypeは '<！DOCTYPE HTML PUBLIC " - // W3C // DTD HTML 3.2 Final // EN">'おそらく、あなたのドキュメントタイプがブラウザを奇妙なモードまたは同様のものにして、正しく表示しないようにしているのかもしれません。あなたがそれが助けになると思うなら、私は全体のサンプルページを置くことができます。 – Tod

FYI DocTypeを4.0に変更し、表示に失敗しました。 – Tod

ちょうどあなたのdivのスタイルに2つのオーバーフローを取り除きます。 http://jsfiddle.net/zeuFT/1/

出典

2011-08-09 20:16:13 evasilchenko

こんにちはみんな - 私はMS Expression Web 4で読み込まれたサンプルコードを持っていました。それはオーバーフロー（と同様にいくつかの他の属性 - sizcache、sizset、alignなど）で盛り上がりました。オーバーフローを取り除くことで問題は解決しました。ありがとう！どのような素晴らしいフォーラム。 – soulia

ようこそ。喜んで助けになる。 – evasilchenko

こんにちはGuys - IE9とChromeデベロッパーツールを使用して興味のある方に少しフォローアップしました。このトピックに記載されている推奨事項を使用して属性を変更しました。 Chrome DevToolsでcolspan = "2"から "1"に変更すると、スパンのコンテンツが表示されませんでした。 overflow-x：autoを削除します。 overflow-y：auto;上記の内容を表示しました。 <！DOCTYPE html PUBLIC " - // W3C // DTD XHTML 1.0 Transitional // EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1 -transitional.dtd "> 属性" overflow-x and overflow-y "は、この現在のスキーマではサポートされていません。 – soulia

のdivはheight: 100%;に設定されているが、親には高さが定義されていないので、何もないの100％です。

親に高さを追加すると、tdにdivが表示されます。

http://jsfiddle.net/2msKf/2/

出典

2011-08-09 20:14:37

私は問題がincorect HTMLだと思います。各行に1つのTDしかないが、表示されていないdivを持つTDにはcolspan = "2"があることを御了承ください。

出典

2011-08-09 20:16:55 mkk

colspanを削除しても問題は解決しません。http://jsfiddle.net/2msKf/3/ –

Chromeはdivやスパンを再レンダリングしません。

答えて

関連する問題