問題タブ [gaps-in-visuals]

このページをご覧ください。右側の画像は、div内の中央に配置する必要があります。しかし、よく見ると、上部に約3ピクセルの小さな境界線があります。そして、（firebugまたは同等のIE8を介して）無効にするとoverflow: hidden、下部が突き出ます。

HTMLは次のとおりです。

そしてCSS、これ：

この不思議なギャップの原因は何ですか？余白とパディングを確認しましたが、問題はないようです。

WPF Tabcontrolのデフォルトの動作では、タブヘッダーを互いに隣接して配置し、間に空きスペースを配置しません。ヘッダー間のギャップを指定したい場合はどうなりますか？このためのコントロールテンプレートを定義する必要がありますか？私はWFPに比較的慣れていないので、助けていただければ幸いです。

ありがとう

ページ上の Dom 要素が選択されている場合のように見えるようにするために、絶対配置を使用して配置された 4 つの Divがあります。 .

• 左の境界線は "4px solid red" に設定され、幅は 0p x で、高さは選択した Dom 要素の高さと同じです。

• 一番上のものには、「4px solid red」に設定されたボーダー上部があり、高さは 0px、幅は選択された Dom 要素の幅と同じです。

など、これがどこに向かっているのかがわかります。

私はこれが奇妙であることを知っていますが、非常に便利です。例についてはツチブタを参照してください。

FF、opera、safari、chrome での表示は次のとおりです。

代替テキスト http://img243.imageshack.us/img243/429/captureyv.png

そして、これがie 8でどのように見えるかです:

代替テキスト http://img190.imageshack.us/img190/7196/capture1dv.png

直ぐにボックスモデルの問題を思いついたのですが、もっと狭くしようじゃないですか。とにかく、jqueryを使用して幅と高さを取得しました。これにより、この種の問題を防ぐことができます。最もよく知られているバグに遭遇しましたが、一致するものは見つかりませんでした。

どう思いますか ？

ps : これはブックマークレットです。もちろん、ローカル ファイルの doctype を変更しようとしましたが、うまくいきましたが、本番環境ではできません。

ie dev ツールバーを使用して、絶対として配置された要素の周囲に境界線を描画します。

代替テキスト http://img21.imageshack.us/img21/3425/capture2uc.png

ギャップが見えます。

jfreechart を使用して棒グラフを作成し、同じカテゴリに属する​​バーが隙間なく隣接して表示されるようにしたいと考えています。カテゴリはギャップで表示する必要があります。また、カテゴリごとにバーの数が異なる場合があります。Jfreechartライブラリを使用してどのように達成できますか? 次の画像は、私が必要とするもののサンプルです。ここでは、同じカテゴリのすべてのバーが同じ色で、隙間がない (または隙間がほとんどない) 必要があります。

前もってありがとう、アビナフ

こんにちは、私はドロップダウン メニューを持っています。これをドロップすると、li の間に隙間ができます。通常の方法をすべて試しましたが、どこから来ているのかわかりません。

コードを貼り付けますが、コードが少しあるので、一時ディレクトリを設定しました。

http://www.actwebdesigns.com/web-design-mansfield/

よろしく、

フィル

次のようなコードがあります。

"sc" div と "separator" img の間には常に 13px のギャップがあります。

両方のマージンとパディングは、0、null、空、なしに設定されます。ああ。私はとても怒っています;d

私はfirebugで何が起こっているのかを理解しようとしていましたが、それらの間のスペースは何にも属していません。マージンでもパディングでもありません。

フロート、表示設定、継承されたマージンやパディングもありません。

コードの何が問題になっていますか? HTML の空白を削除しようとしましたが、役に立ちません (ちなみに、セパレーターを「sc」div の上に置くと、ギャップもありますが、小さくなります)。

ありがとう。

[追加した]

CSS スタイル:

こんにちは、ボタンをリストの項目テンプレートとしてレンダリングし、水平に表示しようとしています。問題は、それらが互いに「突き合わせ」ていないことです。それらはそれぞれの間に小さなギャップを残します。治すためにいろいろ試しましたが、治りません。何か案は？

区分関数をプロットしたいが、ギャップを生じさせたくない

接合点で、例えば：

3 つの間隔の間のプロットに表示されるギャップがあってはなりませんが、表示されます。

グラフを隙間なく連続させたい。

それを達成する方法に関する提案。

前もって感謝します。

編集
実際、私の目的は、下の図で黄色で色付けされたキャリア関数を見つけることです。区間全体を 3 つの区間に分割します: 1-定数 2-正弦波 3-定数。次に、これら 3 つの関数から全体の関数を見つけたいと考えています。

簡単なコード：

2つの画像のマージンとパディングは0ですが、それらの間にはまだギャップがあります。

この動作を回避する方法は？

はい、それは間違いではありません。すべてがAタグに含まれている必要があります。

例：

http://jsfiddle.net/fqrfU/