問題タブ [margin]

そのため、フロートがマージンを崩してしまう状況と、それがフロートの位置にどのように影響するかを理解するのに苦労しています。同じページに2つの異なる動作を示しているように見えるページを含めました。

赤いフロートは、それを介して崩壊したマージンの前に配置されているように見えますが、下にある青いフロートは、マージンが崩壊してから、それらのマージンが崩壊した後に配置されているようです。

どんな助けでも大歓迎です。

乾杯、ベン

今回はDreamweaver CS4での空白問題。1024 x 1024 の背景画像を使用してページをデザインしました。ページはデザイン ウィンドウで問題なく表示されます。ブラウザーでプレビューするか、サーバーにアップロードすると、ページの右側に約 200 ピクセルの余白があります。上、左、右、下の余白を「0」に設定しました。スペースが残っています。次に、背景画像として 1024 画像を使用する代わりに、AP Div に挿入しました。同じ結果です。くすくす笑うために、HTML でマージンを 1 に変更しましたが、それでも右に 200 ピクセルありました。サイトのデザインに多大な労力を費やした後、謎の要素が私のデザインを台無しにするのは非常にイライラします. 誰でもこの問題を解決する方法を知っていますか?

ありがとう！

デジタルD

div中央に浮かせたい。出来ますか？text-align: centerIEで動作していません。

別の（子）を含むdiv（親）があります。親は、特定のCSSスタイルがない最初の要素です。設定するとdivbody

最終的な結果は、私の子の上部がまだ親と整列しているということです。子が10px下に移動する代わりに、私の親は10px下に移動します。

私DOCTYPEはに設定されていXHTML Transitionalます。

ここで何が欠けていますか？

編集1
私の親は、その下に上から下に表示する必要がある背景があるため、厳密に定義された寸法を持っている必要があります（ピクセルパーフェクト）。したがって、垂直方向のマージンを設定することはできません。

編集2
この動作は、FF、IE、およびCRでも同じです。

ページ内の要素/オブジェクトの x および y 位置をキャッチできるスクリプトを多数見てきました。しかし、Webページが本文のマージン、または他の要素、絶対/相対要素などを使用している場合、xとyをキャッチするのに常に問題があります。

マージンやパディングが使用されていても、正確な位置を提供するソリューションはありますか?

画像を別のブロックの中央に配置しようとしています。

htmlコードは次のようになります。

私がやりたいのは、画像をliの中央に配置することです。（http://img.skitch.com/20091128-xf36n8ekhpxyi5rdgnuqrtw36a.pngを参照）

cssは次のように見えます。

完全なコードは、次のサイトからアクセスできます：http: //j-in.org.ua/article/art/

前もって感謝します！

IE は Web デザイナーにとって悪夢であるという神話は真実だと思います。IE7 は、 div#image (灰色の div)の左側と右側に不思議なパディングまたはマージンを追加しており、 div#contentの段落はh2タグの CSS プロパティに苦しんでいます。前もって感謝します！

編集: Eric Meyer の CSS Reset も試しましたが、うまくいきませんでした。

edit2: div#imageの前にあるh1が問題を引き起こしていることを発見しましたが、その理由はまだわかりません。

Internet Explorer 7 Internet Explorer 7 http://www.pixentral.com/pics/13l8JIteyHdBhVVqfFods4fquEJUV1.jpg

Firefox 3 および Google Chrome: Firefox 3 および Google Chrome http://www.pixentral.com/pics/1ZctvuTRQLAzx9QKh6bA4VtuBWVh9.jpg

私の HTML:

私のCSS：

CSS でマージンを折りたたむ: http://www.w3.org/TR/CSS21/box.html#collapsing-margins

機能の目的は理解していますが、レイアウトをしようとしていて、それをオフにする方法がわかりません。

CSS チュートリアルで通常説明されている方法は、次のいずれかです。

1. 境界線を追加する
2. パディングを追加する

これらのすべてには、背景画像と固定パディングを使用したピクセル パーフェクトなレイアウトを扱う場合に明らかになる副作用があります。

余分なピクセルをレイアウトに押し込むことなく、単純に折りたたみを無効にする方法はありますか? このような動作を変更するためにドキュメントに視覚的な影響を与える必要があることは、私にとっては意味がありません。

Chrome、FF、IE8 ではすべて問題ありません。しかし、IE6 では、div "middle-column"のすぐ下に奇妙なマージンがあります(その中には、div "left-column"と"right-column"の上にある、featured1、2、および 3 と呼ばれる3 つの div があります)。私はすでにその問題を取り除くためにあらゆることを試みました。「表示：インラインテクニック」とCSSリセットを試しました。助けてください！ここで自分のウェブサイトをテストしています

私の HTML:

私の CSS リセット:

私のCSS構造: