問題タブ [margins]

All I am trying to do is get some vertical spacing around equations. I want to set a certain amount of space that appears before the equation and a certain amount after. I am trying all sorts of stuff, but it always seems do to something crazy. I understand about margin collapsing, but it's clearly more than that going on. I've put in some absurd amounts of space to illustrate the wackiness. Can anyone help?

calcStyle.css:

html:

Result:

分割を使って円を作りたいのですが、円ごとにマージンが異なります。問題は、div小さなmargin-top影響で最大の影響をmargin top別のに与えることdivです。

HTMLは次のとおりです。

そしてこれがCSSです：

}

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

http://jsfiddle.net/L6gPd/

div小さなmargin-top影響で大きなマージントップで。

説明をお願いします。

jQueryコードを使用して、IE8を除くすべてのブラウザで完全に機能するmargin-top（topではなく）を使用して計算された位置にdivを設定しています。(IE6 と IE7 で動作します)。

jQueryを使用してトップマージンを設定すると、IE8では更新されず、マージンはCSSによって設定されたままになるという事実に問題を絞り込みました。いくつかのフォーラムで、これが一般的な IE8 の問題であることを確認し、いくつかの回避策を見つけましたが、それが本当にバグなのか疑問に思う何かを発見しました。すべてのコードを次のように減らしましたが、まだ機能していません:

HTML の本文は次のとおりです。

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

最後に、jQuery コードを示します。

IE8 で前のコードを試すと、最初の div (.menu_header) は正しく配置されますが、2 番目の div (.main_content) には余白がありません。jQuery が HTML/CSS をまったく更新しておらず、元の 0px の値がまだ有効であると考えたので、IE8 の開発者ツールを使用して確認したところ、CSS コードが更新されていることがわかりました (インライン CSS)。それでもトップマージンは表示されません。

私が言ったように、私はそれがさまざまな理由で発生した既知の IE8 バグであることをインターネットで知りました (たとえば、div が float に設定されてマージンが崩壊したり、CSS の「コンテンツ」に応じて他の説明が発生したりします)。説明がどれもこれに当てはまらないので、このバグが本当に何であるか疑問に思ったjQueryコードの一部?!

元のjQueryコードにあったのは、わかりやすくするために次のように減らした数行です。

お気づきかもしれませんが、このコードには、ユーザーがブラウザーのサイズを変更したときに margin-top を設定する追加の行 (3 行目) があり、ユーザーがブラウザーのサイズを変更すると、margin-top が更新され、正しく表示されますが、ドキュメントの準備ができてもまだ機能しません (2 行目)!

私は遊んで続けました (はい、この時点でゲームになりました。Microsoft が真剣にそれを行うことができないからです!) そして、HTML コードで、div の後にまたはコンテンツを含む要素<p>some text</p>を追加すると、<span>some text</span>問題は発生せず、マージンは正しく更新されます。

<p>&nbsp</p>したがって、基本的には、コンテンツを含む div を追加し、その高さを 0 に設定し、overflown:hidden を設定して、ウェブサイトのデザインを変更したり、div の後に追加したりしない 2 つがあるため、回避策を探していません。

resize() でドキュメントの準備ができているときにマージンの更新が機能しない理由と、div の後に HTML を追加すると問題が解決する理由を誰かが説明してくれることを願っています。私が持っているものより簡単ですか？

Visual Studio 2010 Enterprise を使用しています。

これは、他のすべてのものに対して完全に機能する私のコードですが、実行時にマージンを変更しません。objRpt.PrintOptions.PageMargins.leftMargin、などの値を変更しても出力にもrightmargin反映されません。CrystalReportViewerHardcopy

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

[レポート] > [デザイン] > [ページ設定] を右クリックして、デザイン時に余白を設定することができました。ここに設定すると、余白が完全に機能し、レポートビューアとハードコピーの両方に反映されます。しかし、上記のコードを使用すると、これは起こりません。

Zoomer.js のアニメーション機能の JS を編集してみました。コードは次のとおりです。

小さな赤いボックスが上から下ではなく、下から上にアニメーション化されるようにしたいと思います。marginTop:'65px' を marginBottom:'35px' に変更するのと同じくらい簡単だと思いましたが、それはうまくいきません。

position:absolute を使用すると marginBottom が無効になることを読みましたが、他の位置を使用すると効果がなくなります。これが正しい場合、回避策はありますか? これが正しくない場合、どこが間違っているのか教えてもらえますか?

皆さんの時間と意見に感謝します。

ありがとうございました！

ここで問題が見られます。

フィドルでわかるように、左の列の画像の下に少しパディングがあります。私はこれを取り除く方法が本当にわかりません。

padding:0の要素を検査すると、列自体にありChromeます。divにはパディングがなく、画像には余白がありません。これが何であるかについてのアイデアはありますか？余白/パディングを手動で設定しようとしましたが、画像と列の両方を表示しました。インラインとブロックで、何が起こるかを確認しました。

理想的には、赤い背景はテキストの後ろにのみ表示されます。左の列にのみ背景を設定して、テキストの下部で背景を停止させようとしました。height:100%それを修正しませんでした。とにかくそうすると、右の列の下部が長く見えることを期待しています。

この時点で、私はここからどこに行くことができるかについて少し無知です、それで誰かがこれが何であるかについて何か考えを持っていますか？そして私がそれを変えることができるかどうか？

<img src="" style="float:left">コンテンツに、またはのようなプリセットスタイルの画像がたくさんあります<img src="" style="float:right">

浮き方によってマージンを変えたいと思います。プリセットスタイルの画像にCSSスタイルを設定することはできますか？

ありがとう！

私は次の構造とレイアウトを持っています：

jsbin

質問： なぜよりmargin-top: 6%多くのピクセルとして計算されるのですか？div#contentdiv#header

注：両方の要素の親はheight: 100%、と同じように設定されdiv#top-containerています。

浮かんでいるということdiv#headerと関係があると強く感じますがdiv#content、なぜこんなふうに振る舞うのかよくわかりません。

入力親のマージン権を取得するために親クラスを配置するこの関数があります。親の動作を少し変更して、この「$(this).parent().addClass('cooling');」を「」 に置き換えたいのですが$(this).parent().animate({ marginRight: "200px" }, slow );、ぼかしの際にそのアニメーションマージンを削除する方法がわかりません。誰かが私を助けることができれば...

960.gs グリッド システムを使用して HTML ページを作成しています。ガターの 1 つの中心に縦の点線を引きたいと思います。

グリッド オーバーレイのあるページ (赤でマークされたガター):

モックアップされた縦の点線のあるページ:

ただし、ガターは grid.css スタイルシートのマージンとして適用されます。コンテンツ列に境界線を追加すると、すぐにグリッドが外れてページが壊れます (最後の列 DIV が次の行に折り返されます)。

私の回避策は、ドットを含む 940px x 2px の縦に繰り返される背景をページ全体に与えることでした。

ただし、これはコードで処理することをお勧めします。

私の質問: に似たタイプの動作はありtext-indentますか?

マイナス値とともに使用すると、DIV のサイズ、マージン、パディング、または隣接する DIV に影響を与えることなく、テキストの開始を引き戻します。

おそらく、列の境界線で同様のことができるでしょう。