問題タブ [layout]

私は自分のWebページのレイアウトを設計するためにテーブルを使用しています。内容が少ない場合でも、テーブルをページいっぱいに表示したい。これが私が使用しているCSSです：

そして、私はこのようなものをページコードに配置します：

これはOpera9では機能しますが、Firefox2やInternetExplorer 7では機能しません。このソリューションをすべての一般的なブラウザで機能させる簡単な方法はありますか？

（に追加id="container"しtdても役に立ちません。）

ASP.Repeater を使用して各コメントを表示するコメント コントロールを実装しています。コメント自体は現在、テーブルを使用していくつかの画像を分割してコメントを表示するように表示されています。

テーブルはデザイン レイアウトにとって悪の縮図であり、ブラウザーで表示するには非常にコストがかかることはわかっていますが、丸みを帯びた角を正しい場所に配置してすべてが揃っていることを確認する方法が正確にはわかりません。

必要な HTML/CSS の提案、例、ハックがある人はいますか?それとも、表に固執して最善を尽くす必要がありますか?

私は、人々が h1 ではなく h3 を使用したり、見た目だけのためにレベルをスキップしたりするのが嫌いです。IMHO、見出しはレイアウトではなくドキュメントの構造を意味します。レイアウトは単なる副作用であり、テーマを通じてカスタマイズできます。

「間違った」見出しレベルがあると、適切な TOC の生成や他の形式へのエクスポートが難しくなります。

ウィキのガーデニング中に、適切なネストされた見出しレベルを使用するために他の人のページを完全に再構築することは許容されますか?

マージンの使用方法とパディングの正確な仕組みに関する情報が必要です。

例: ページの幅全体を占めるように線を配置する必要があります (Web ページの表示に使用される解像度に関係なく)。両側に小さな境界線だけを残す必要があります。どうすればこれを実現できますか?

RailsでRSpecを使用して、特定のレイアウトの使用をテストすることは可能ですか。たとえば、次のことを行うマッチャーが必要です。

グーグルでuse_layoutマッチャーを見つけましたが、応答もコントローラーもマッチャーが探していたレイアウトプロパティを持っていないようであるため、機能しません。

divタグはタグではなく、レイアウトの目的で使用する必要があると聞き続けていtableます。それで、それはフォームレイアウトにも当てはまりますか？フォームレイアウトはまだレイアウトであることは知っていますが、sを使用してフォームレイアウトを作成するには、さらに多くのとdivが必要なようです。それを念頭に置いて、フォームレイアウトは代わりにタグを使用する必要がありますか？htmlcssdiv

誰もが使用しているJavaGUIレイアウトマネージャーは何ですか？最近、いくつかの強力なコンポーネントコントロールを備えたMigLayoutを使用しています。標準のJDK以外の開発者が何を使用しているかを確認したかっただけです。

WPFアプリケーションでアイテムを表示する方法は2つあります。1つ目はWrapPanelを使用し、2つ目は垂直StackPanelを使用します。ホストパネルを2種類に切り替えることで、アイテムの表示方法を2つ切り替えることができます。これは機能しますが、インスタンスのレイアウトが変更されます。

代わりに、子アイテムを2つのレイアウト間でアニメーション化して、ユーザーにスムーズな効果を与えるようにします。それを達成するために私がどのように取り組むことができるかについてのアイデアはありますか？代わりにCanvasを使用して、子の配置を手動で計算する必要がありますか？それは本当に苦痛でしょう！

私は3つ持っていますdivs：

CSSスタイルを（HTMLに触れずに）定義してmenu-div、 を左の列に、login-divを右の列にcontent-div、 を右の列に、しかしlogin-div.

すべてのwidthdiv は固定されていますが、heightそうではありません。

これはばかげた質問かもしれませんが、これを行うためのより良い方法または適切な方法があれば、ぜひ学びたいです。

最近、レンダリングされた HTML ページのバージョンに小さなスペースが表示される場合を含め、これに数回遭遇しました。テキストやエンティティの外側では、ページの HTML の書式設定は問題にならないはずですが、明らかに問題があるため、これらは存在しないはずだと直感的に思います。

私が言及しているのはこれです - 私は、クライアントがサイトをどのように見せたいかについての Photoshop ファイルをいくつか持っています。彼らは、基本的にこのファイルの画像に完全なピクセルを表示することを望んでいます。

ページ内の場所の 1 つはメニュー バーを必要とし、ホバリング時にそれぞれが変更ビットを実行し、ハイパーリンクなどのように機能します。Photoshop ファイルでは、これは 1 つの長いバーであるため、安価で簡単な方法は次のとおりです。そのセグメントを複数の画像に分割し、ファイル内でそれらを隣り合わせに配置するだけです。

思わずこんな感じに並べてみました（まだまだありますが要点は以上です）

など。

問題は、画像間にこの小さなスペースがあることです。これは、クライアントがこのことをピクセルパーフェクトにすることを望んでいるため（そして、見た目が悪いだけです）、受け入れられません。

適切にレンダリングする方法の 1 つは、画像間のキャリッジ リターンを削除することです。

これにより、画像が互いに真っ直ぐになります（望ましい効果）が、行が信じられないほど長くなり、コードの保守がより困難になります（ここでSOでラップされ、これは簡略化されたバージョンです-実際のものはより長いファイル名とJavaScriptを持っていますホバリングを行うために振りかけました）。

これは起こるべきではないように思えますが、HTML のキャリッジ リターンが小さな空白としてレンダリングされているようです。そして、これはすべてのブラウザで発生します。

上記の 2 つのスニペットが同じようにレンダリングされるはずだと考えるのは正しいですか、それとも間違っていますか? そして、私が間違っていることはありますか？間違ったエンコーディングでファイルを保存している可能性がありますか? 代わりに、これらのリンクをすべて完全に配置された CSS 要素にする必要がありますか?