問題タブ [html-rendering]

Chrome では、2 つの部門が同じ行にあります。しかし、2 つの div の間には小さなギャップがあります。しかし、Firefox にはギャップがありません。なぜこうなった？これに対する解決策はありますか？

GoogleChromeでは次のように表示されます。

なぜ期待通りに変形しないのですか？

編集：はい、ファイルには.htmlファイル名があります。私が使用しているチュートリアルによると、ヘッダーがなくても正しくレンダリングされるはずだというヘッダーが必要かどうかはわかりません。これはまったく新しいので、よくわかりません。

編集：テキストエディットで開くと、次のようになります。

このように保存したことはまったく覚えていません。

これらのスペース (? でマーク) が存在する理由を説明できる人はいますか? ページの読み込みが遅れています。ページ/スクリプトの解析時間ではないかと思いましたが、単純なページとしては 350 ミリ秒は長すぎます。さて、スクリプトはたくさんありますが、それでも多すぎます。

それは何でしょうか？

私のサイトに追加するjs/css外部ファイルが10個ある場合は、それらを1つのファイルに圧縮する方がよいか、とにかく10,20個の外部ソースリンクがある方がよいのです。ページ速度の観点？

私もこれを尋ねます、firebuggoogleページ速度とyahooYslowページ速度ツールの両方を使用しているので、これらはこれで競合します、googleはファイルを分離すると言います、yahooはすべてを1つに圧縮すると言います：| ..通常、私はbigGを信頼しますが、誰が知っていますか：|

親要素にグラデーションの境界線を持たせ、次に子要素に通常の背景を持たせることによって、ある種のグラデーションの境界線を作成しようとします。

これはFFで台無しになっているようですが、Chromeで機能します... FFが完全に1pxのパディングにならない、ある種の余分なパディング/マージン/オフセットを追加する理由はありますか？

http://jsfiddle.net/32zbD/1/

Firebugで見ているのは本当に迷惑ですが、余分な部分はどこから来たのかまったく表示されていません。それはただ「そこに」です。

私はそこでCSSリセットスタイルシートを使用して違いを小さくしようとしましたが、それでもそこにあります！

HTML5 doctypeのように、そのdoctypeが原因であると感じました。FF7とChromeで動作しています。JSFiddleでDoctypeを変更できないため、実際にテストしてそのように共有することはできません。

これが私の見解です：

すべてのオブジェクト ID (つまり#<Photo:0xXXXXXX>#) が の直前に追加さ</ul>れ、html に表示されることを除いて、正しい結果が生成されます。ブロックが実行されるたびに Photo オブジェクトが返されるため、すべての#<Photo:0x>s をレンダリングしていると思いますが、これを停止する方法がわかりません。

CSSのみのドロップダウンメニューを作りました。要件は、それぞれが垂直メニューをドロップダウンできる項目の水平バーを持つことでした。さらに、これらの項目は第 3 のメニューをドロップするのではなく、箇条書きのリストを表示するだけにする必要があります。私のhtmlには3つのネストがulあり、メニューは最新のすべてのブラウザで完全に機能しています. 次のようになります。

ただし、リンクの後ろの暗いボックスが箇条書きの右から始まり、メニュー幅全体に広がっていないのが気に入らなかったので、少し遊んで、最終的にこの調整にたどり着きました:

箇条書きのメニュー項目は、私が望んでいたように見えます。

また、フォント サイズに対する being の性質上em、フォント サイズとは無関係に機能します。大きなフォント サイズで示されているように、次のようになります。

これを Internet Explorer 8+9+10 (開発者プレビュー)、Firefox 3+7、最新の Chrome、Opera、および Safari でテストしたところ、魅力的に動作します。

ただし、正確に1.8emで機能する理由がわかりません。すべてのブラウザが箇条書き項目を正確にここまでインデントするのはなぜですか? このトピックについてインターネットを検索しましたが、役立つものは何も見つかりませんでした。これが将来のブラウザで動作することを確認できますか? それらの 1.8em は HTML 標準で指定されていますか?

ヒントを事前にありがとう！

編集：

DisgruntledGoatの回答: 1em/-1em または 20px/-20px を使用すると機能しません。このスタイルで:

さまざまなフォントサイズでこれを取得します（明らかにフォントサイズでスケーリングしません）。

同様に、1em/-1em もオフで、上の図の右側のように見えますが、フォント サイズに合わせてスケーリングされます。なんらかの理由で1.8emが魔法の距離のように見えます...

どこで、なぜなのかわからないまま、私は変な望まない回心に遭遇していNumberますNaN。ここで明らかに何かが欠けていますが、何がわかりません。

どんな提案でも大歓迎です！;)

JavaScriptコードは次のとおりです。

HTML出力は次のとおりです。

すべてが数値型ですが、最終結果を返したい場合、結果として「数値ではありません」となります。誰でも理由を知っていますか？

週末をお楽しみください！

ページを更新せず、最初のページとJavascriptリクエストから完全に構築され、必要に応じて要素を作成および破棄するWebアプリケーションを作成した場合、いずれかのブラウザーは、廃止されたdom要素によって使用されたメモリを再利用しますか？

これはまだどのブラウザでも計画されていますか？

本格的なextJSアプリは、この種のメモリリークに非常に敏感だと思います。

この問題を軽減するための本当に効果的な再利用戦略はありますか？

ここでは、Javascriptオブジェクトのガベージコレクションについて言及していません。DOM要素を削除しただけですが、それが最終的に本質的に同じであるかどうかはわかりません。

私は自分のデータを表示することになっているウィケットに取り組んでいます

私のPlayerモデルクラスは次のとおりです。属性singlePlayerScore、doublePlayerScore（）、ゲッターとセッターを含む名前、およびデータベースから取得したリストデータを持つプレーヤークラス。

SQLQuery からのデータは次のとおりです。

私の PageableListView は次のとおりです。

私の問題は次のとおりです:私が得るビューは次のとおりです:

私のウェブページで以下のビューを実現するにはどうすればよいですか?

なぜこれが起こっているのか教えてください。私のリストのサイズは4だと思いますが、それがビューをレンダリングしている理由の1つですか? では、必要なレンダリング ビューを取得するにはどうすればよいでしょうか。