問題タブ [layout]

機能しているレイアウトがありますが、非常に厄介な問題が 1 つあります。コンテンツが画面よりも高い場合、背景が停止します。

これは、bad-ASCII-art 形式での目的のレイアウトです。

..または短い内容で..

基本的には、単一の柱のように見え、その両側に柱としての輝きがあります。左グローの上にはロゴがあります。コンテンツが短い場合でも、フルハイトのままです。

中央の列を修正するCSS min-height hackを使用してみましたが、グラデーションはコンテンツまでしか伸びません (左の列では単一 の 、右の列ではロゴ)。

レイアウトは次のようになります。

そして問題（ブラウザウィンドウが縦に縮小されたとき）：

最後に、問題の HTML/CSS、http://data.dbrweb.co.uk/tmp/fifestock_layout_problem/

私は私の学部の学生が学位の最終成績を計算するためのオンライン ツールに取り組んでいますが、しばらくの間、ほとんど問題はありませんでした。生徒たちは新しい UI を気に入ってくれているようで、私はしばらく批判を受けていません。ここで、プログラムにいくつかの機能を追加する必要があります。つまり、UI はわずかに変化する必要がありますが、非常に目立つ場所がいくつかあります。

新しいFacebook全体のキックオフを見た後、 SOでUIが悪いアプリケーションが発表され、MS Officeのリボンがさまざまなレビューを受けているのを見て、ユーザーが気に入っているように見える場合、UIを本当に変更する必要があるかどうか疑問に思いました.それ。ユーザーの関心を維持したり、より効率的にしたりするために、UI を数年後に更新する必要がありますか? クリーンな UI のために機能を控えるべきですか?

データグリッド コントロールによって生成された、ページ幅を超える長いテーブルがあります。それを、各フィールド名の後にフィールド値が続く行または定義リストごとに個別のテーブルに変換したいと思います。

どうすればそれを行うことができますか。

プログラムの (G)UI を設計していて、問題に遭遇しました。プログラムは数値を別の単位に変換します。変換後の単位のレイアウトは次のとおりです。

[単位名（クリックすると情報が表示されます）] [特別なステータスがある場合] [入力にも使用できるテキストフィールドに出力（他の単位に変換するため）]

私は、ユーザーが出力番号をクリップボードにコピーできるようにしたいと考えています。そこで、テキスト出力フィールドの後に、「C」や「コピー」などのボタンを作成しようと考えました。

しかし、昨日joelonsoftware.comを読んでいて、ユーザーがカーソル不器用であるように見えることを発見しました。それで、私は何をすべきですか？

私はいくつかの異なるオプションについて考えました：

1. テキストフィールドをクリックしてクリップボードにコピーします-しかし、入力にも使用したい
2. キーボードの数字を押してそれぞれをコピーします - しかし、おそらく10以上あるでしょう、そして私は新しい入力のためにそれらが必要です
3. より大きなコピー ボタン、実際には「コピー」と表示されているように - うーん、これは機能しますか? できる限りキーボードを使用するのが好きであることはわかっているので、それを含む解決策があればいいのにと思います。
4. 各ユニットには、すべて (名前、テキストフィールドなど) が収まる独自のスペースがあります。名前またはテキストフィールドを除くそのスペースの任意の場所をクリックすると、クリップボードにコピーされるとしたらどうでしょう。- しかし: テキストフィールドの下をクリックし、別のテキストフィールドの上をクリックすることを忘れたらどうしますか?
5. しかし、ユニットのスペースを目立たせるにはどうすればよいでしょうか。- それでも問題が発生する可能性があります...

どう思いますか？＃3を選ぶかもしれないと思います-より大きなコピーボタン..

私は FlexBuilder 3 を使用しています。キャンバスに配置しているコンポーネントが次のコンポーネント (おそらく 8 ピクセル) から離れている場合に、レイアウト ガイドが教えてくれる方法が気に入っています。定規ガイド​​がポップアップする距離を変更することはできますか? 一連のラベルをまとめて配置していて、これをたとえば 4 ピクセルに変更したいと考えています。

コンポーネントを手動で並べることはできますが、これには時間がかかり、人的ミスが発生する可能性があります。

「TRUE」という単語を「X」に、「FALSE」を空白に変換する多くの式を含むレポートがあります。

これらを使用して、チェックボックスに「X」を入れます。

チェックボックスの後にテキストが表示されることがあります。左右の微妙なずれを避けるため、「X」と「 」を等幅フォントで印刷しています。各フィールドのフォントを手動で設定するのは非常に面倒です。

数式内から表示フォントを指定する方法はありますか?

このようなものがいいでしょう：

私は、2 年以上ぶりに asp.net を使用している Winforms およびビジネス エンジンの開発者であり、その間にいくつかの規則の変更に気付きました。

反「レイアウト用テーブル」運動の背後にある論理は何ですか?

レイアウトを処理するために css クラスを使用できるようにするためですか? もしそうなら、これは静的なままであると確信しているページで本当に問題になるのでしょうか?

この純粋な HTML/CSS テンプレートを ASP.NET Web サイトに使用したいと考えています。

http://sub3.tanguay.de

Default.aspx ページ内の FORM 要素内にコピーしますが、フォームがレイア​​ウトを台無しにします。

http://sub2.tanguay.de
更新: Devio のおかげで、これは正しく表示されるようになりました。

form タグのスタイルを変更しようとしましたが、レイアウトへの影響を止めることができませんでした。

• これは、レイアウト テンプレートを ASP.NET にコピーするときの一般的な問題ですか?
• margin:-2px の修正など、簡単な回避策はありますか?
• もちろん、ASP.NET 機能のためにフォーム タグを保持する必要があります。

私は現在WPFをいじっていますが、典型的なデータ入力ウィンドウ（20以上のテキストボックスなど）のレイアウトはどうなるのだろうと思います。

atm このようなグリッド オブジェクトを使用しています (基本サンプル)

基本的にこれでレイアウトのニーズはすべて満たされますが、行 3 に新しいテキスト ボックスを追加するなど、何かを変更したい場合はどうすればよいでしょうか?

現在、3より大きいすべてのGrid.Rowプロパティを変更する必要がありますが、それは意図したWPFの方法ではありません!?

他の人は複雑なデータ入力ウィンドウをどのようにレイアウトしていますか?

ティア

私の Web ページは 2 つの IE6 レンダリング バグに悩まされています。それぞれに回避策がありますが、残念ながら回避策は相互に互換性がありません。

最小化されたテスト ケースを次に示します。Firefox/Safari での動作は望ましい/正しいものです。IE7 は、現在アクセスできないため不明です。

最初のバグ: #content に overflow: auto があり、相対的に配置された div が含まれています。IE6 は、相対的に配置された div に誤って「固定」の外観を与えます。回避策: #content で position: relative を設定します。

2 番目のバグ: ページにモーダル ポップアップが表示されることがあります。ポップアップと背景の z-index は非常に高く設定されており、それらの背後にあるものとの相互作用を防ぎます。これは、#content に position:relative を設定するまで問題なく動作します。これにより、IE6は z-index プロパティを完全に間違って処理します。

これらのバグを互いにうまく連携させるにはどうすればよいですか? (注: まだ IE6 を実行しているユーザーのハード ドライブをリモートでフォーマットすることはできません。非常に残念です。)

編集: これは、コンテンツに対して位置を適用するとどうなるかを示す2番目のテストケースです。最初のバグ (#content-header の「修正された」外観) は解決されましたが、z-index バグが発生し、モーダル バックグラウンドが台無しになります。