問題タブ [fixed-width]

概念は単純に思えます: ヘッダーをテーブル A に分割し、実際のデータをテーブル B に分割することで、固定ヘッダー スクロールを実装しようとしています。

ただし、列の数によっては、ブラウザーが列幅を計算すると、1 または 2 ピクセル短くなったり長すぎたりして、テーブルが整列していないように見えるという奇妙なレンダリングの問題が発生します。

質問: これらのオフ 1/2 ピクセル レンダリングの問題を引き起こしている原因は何ですか? このアプローチを使用して幅を保証できますか?

編集しやすいように、コードを jsfiddle に配置しました。

http://jsfiddle.net/hwm6q/4/

編集：

この修正は、Grid コントロールの作成に適用する範囲内で機能する必要があることに注意してください (投稿した例の単なるハック修正ではありません)。

cout.width（total_rows --current_row）を使用して、パスカルの三角形をやや三角形に出力するコードを正常に記述しましたが、次のようになります。

完全に中央に配置してほしい。下の行の1つまたは複数の文字を取得し、現在の行の文字数を減算し、これを2で割って、行ごとに必要なスペースの数を取得できることがわかりました[次のようになります：cout.width（ （bottow_row_characters --current_row_characters）/ 2）]ですが、実際にこのアイデアを実装するのに問題があります。

一番下の行だけを計算して文字列または配列を格納し、string.length（）またはsizeof（array）を使用してみましたが、どちらも機能しませんでした。（sizeofは常に4を返しますが、これは正しくありません）

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

これは私が持っているものです、私はdivを残し、右のdivを持っています。左のdivは固定幅で、左に浮いています。右側のDivは、全幅にするための「display：block」であり、左側には左側のdivを補正するためのマージンがあります。両方のボックスの高さは固定されており、スクロール可能（中身）である必要があります。Leftdivにoverflow-yを正常​​に追加します。ただし、overflow-y：autoを右側のdivに追加すると、divはdiv全体にまたがりません。

オーバーフローを追加する前に：http： //jsbin.com/asecuy/

オーバーフローを追加した後：http： //jsbin.com/asecuy/2

管理パネルのインターフェイスを作成していますが、ジレンマがあります。流動的/弾性的なアプローチではなく、固定幅のアプローチを選択しました。

固定幅の主な議論は、画面サイズに関係なく、すべての画面で同じように見えるということです。

ただし、ここでは管理コンソールについて話します。ここでは、ターゲットは非常に少数の人々です。そして、画面上にたくさんの情報をまとめたいと思います。この管理パネル（ラップトップ、デスクトップ、またはその両方）を閲覧するときにクライアントが何を使用するかはわかりません。また、クライアントのエクスペリエンスを制限したくありません。

そこにあるほとんどのCMSは、Wordpress、Joomlaなどのバックエンドに弾力的なアプローチを選択しました。

何かアドバイスはありますか？ありがとう

アスペクト比を維持して画像のサイズを変更するための多くの投稿を見ました。これらの関数は、サイズ変更中に RECT の固定ポイント (幅と高さ) を使用します。しかし、私のプロジェクトでは、幅だけに基づいてビューのサイズを変更する必要があり、高さはアスペクト比に基づいて自動的に取得する必要があります。誰でも私がこれを達成するのを手伝ってくれます。

XML のようなものよりも固定幅のファイル形式に利点はありますか? XML は、同じ量のデータを保存するために、より多くのディスク領域を占有する可能性が高いことを認識していますが、ファイルも圧縮される可能性があります。理論的には、ファイル内の場所に基づいて特定のデータを読み取ることもできると思います (それらのバイトを取得するだけです)。しかし、それ以外に、他に何がありますか？

このマークアップがあるとしましょう:

#container は中央に配置され、1000px に固定されます。#header と #footer は 1000px で、#content-left と #content-right はそれぞれ 500px で左にフロートされます。

コンテナーが固定されている場合、ヘッダーとフッターの背景色をブラウザー ウィンドウの全長に拡張するにはどうすればよいですか?

リストメニューがあります

メニューCSS

このように項目間に同じスペースができるように、メニュー内の項目を自動的に配布したいと思います

{メニュー}{アイテム}{スペース}{アイテム}{スペース}{アイテム}{メニュー}

javascriptではなく、htmlとcssのみを使用してこれを行うことは可能ですか? ありがとう

このデータセットの列幅（3列すべて）を次のように設定します。anim= 1-10; sireid = 11-20; damid=21-30。一部の列に値がありません。

テーブルを使わずに次のような効果を得るにはどうすればよいですか？

例： http ：//enstar.nl/example.php （この例は現時点では表示されていない可能性があります。ネームサーバーは変更されているはずですが、ホスティングの更新はそれほど速くありません。今日は後で動作するはずです。Iご不便をおかけして申し訳ございません）

すべてのメソッドには、ヘッダーまたはフッター、あるいはその両方が必要です。私はそれを望んでいません。

私が欲しいのは次のとおりです。

純粋なCSS、テーブルなし2列、コンテンツがビューポートの下部に到達していない場合は、列をビューポートに拡張するよりも、流動性を（この順序で）固定します。それ以外の場合はコンテンツの範囲（粘着性のあるフッターのように）

100％x100％のテーブルは、これを自然に行います。しかし、私は本当にこれにテーブルを使いたくありません。

何か案は？

編集：

現在のHTML