問題タブ [margin]

私は私の人生のために解決できる非常に奇妙な問題を抱えています。基本的に、Safari では、私のトップ ナビゲーションにはトップ マージンがなく、ページの最上部と同じ高さになっています。Firefoxでは、理由がわかりませんが、上部にも下部マージンが適用されています。firebug でマージンを削除すると、偽の上部マージンも削除されます。

どうか、firefox のページに移動して、私の言いたいことを確認してください。firebug がある場合は、#main-navigation の margin プロパティを無効にすると、何が起こっているかがわかります。

編集: サイトへのリンクを含めるのを忘れた:リンク

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

そしてCSS：

私は本当にもう何をすべきか分かりません.私は一日中この問題を解決しようとしてきました.私は完全にアイデアがありません.誰かが助けてくれることを本当に願っています.

ページの余白を指定するスタイルファイルを使用します。スタイルファイルはわかりませんが、\ vspace、\ vskip、\vfilなどのコマンドを使用して下マージンを指定していると思います。

pdflatexを使用してtexドキュメントをコンパイルすると、余白、特に下部の余白が変更されます。最初にドキュメントをpsにコンパイルし、次にpdfにコンパイルすると、マージンは良好です。

何か考えがありますか、その理由は何でしょうか？

スタイルファイルの内容は、 http：//tinypaste.com/c53d1からアクセスできます。

ねえ、私は絶対にポジショニングしている画像を持っていて、Firefoxでは完璧に機能しますが、サファリのまったく別の場所で、絶対ポジショニングを使用せずに（別の画像の上に）好きな場所に配置する他の方法はありますか？私はすでにマージンとパディングを試しましたが、それは機能しません

パッケージは、環境listings内の改行をサポートしlstlistingます。lstinlineただし、環境の自動改行は生成されません。たとえば、次の段落では、最初の行が余白から流れ出します。

この問題の解決策はありますか？

72 列目以降は、別の背景色で強調表示する必要があります。最良の方法は何ですか？一部の編集者が行っている目に見える行の余白に似たものも良いです。出来ますか？

背景:

構文は Pascal に似ており、正しく動作します。

背景のみを変更する必要があります。前景は、本来あるべき姿で既にハイライトされています。文字列が 80 文字を超え、72 列の制限を超える場合があり、文字列として強調表示する必要があります。

コーディング標準は COBOL に似ており、72 桁目以降のすべての文字はコメント行にする必要があります。これらの列 72 のコメントはコメント開始文字で始まり、適切に強調表示されます。

メニューを作成していますが、このリンクの写真番号 1のようになっているはずです。

ただし、現時点では、画像番号 2のように見えます。

3 つの要素はすべて同じ css 属性を持っているため、この動作には論理がありません。さらに、「レイキ」という言葉を「サイコセラピー」に変えてみましょう... (写真番号 3 )

どういうわけか、「レイキ」という言葉は特定の属性を無視しています。Sifr がオフの場合、これは問題になりません。これを解決するには、追加の CSS が必要になると思います (その特定の要素のパディング、高さ、またはマージンをいじっても結果は得られません。動きません)。

誰かがよりエレガントなソリューションを知らない限り?

ページ レイアウトと絶対配置のパディングとマージンの使用について、フィードバックが欲しいです。いずれかまたは両方が優先されるシナリオがあり、シナリオによって異なることを認識しています。

しかし、私が得ているのは、ピクセルパーフェクトデザインの全体的なページレイアウトです。一般的な経験則は何ですか? 私は HTML と CSS に 1 年強の経験があり、グラフィック デザインのバックグラウンドを持っているので、最初にレイアウトの観点からデザインにアプローチすることに重点を置いています。これまでの私の Web デザインでは、経験則を使用して、ページをレイアウトするときに適切なタイトルの div を使用し、フロート、パディング、およびマージンを使用してきました。 a div) 必要に応じて使用します。

しかし最近、私は本当にページ レイアウトへのアプローチを再考し始めており、一般的な経験則として絶対配置を使用することから始める方が良い考えではないかと考えています。

どなたか、このトピックに関する優れた記事やリソースを教えていただけないでしょうか。皆さんの個人的なフィードバックもぜひお聞きしたいと思います。

私はすでにこの問題を投稿しましたが、受け取った回答から問題を解決することができませんでした...今回は幸運になることを願っています.

また、すべてのコードなども含めました...これにより、問題を特定しやすくなります。

IE7 スクリーンショット

IE8 スクリーンショット

ウェブサイト全体の HTML と CSS を参照してください

この問題が解決されるまで、新しいホームページを読み込めません。

このマージンを挿入したいのですが、理由がわかりません... TwitterやTwitPicのようにしたいと思います

私のCSS：